Back

VibeHex

VibeHex is a small project I built over a weekend. You type in a vibe, like beach at sunset, hacker mode coding, or really anything you want, and it gives you a color palette that matches that.

View on GitHub ↗ Try it live ↗

Why

I like playing with colors. But most palette tools expect you to know what you’re doing, pick base colors, adjust sliders, understand color theory.

I built this because I’m always working on small projects. As developers, we’re constantly building, but design isn’t always our strongest skill. (although it is a good skill to have)

Sometimes you just need a little spark. A quick way to get inspired without overthinking it.

That’s what VibeHex is for. It’s meant to be fast, fun, and useful when you want to start something and need quick color ideas, something tu build on top of.

---

What it does

• You type in a vibe, mood, or really anything you want.
• The app sends the prompt to a backend, which queries Gemini Flash 2.0 via API.
• Gemini returns 5 hex color codes based on the prompt. Each color is shown as a block with readable text (thanks to a contrast algorithm).
• Click any color to copy it to your clipboard.

That’s it.

---

Tech

• Frontend: HTML, CSS, and JavaScript
• Backend: Node.js with Express
• AI: Gemini 2.0 Flash
• Hosting: GitHub Pages (frontend), Render (backend)

---

Some example vibes

• dreamcore melancholy
• retro space poster
• brutalist city morning
• calm UI with a twist
• 90s web surfer

---

Demo

---