Home / Tools / Color Palette Generator

Color Palette Generator

Describe a mood, paste a hex code, or pick a style. Our AI generates a beautiful, harmonious palette with hex codes, RGB values and usage tips — instantly.

Try these

🎨

Enter a description above and click Generate

About this colour palette generator

This AI-powered colour palette generator creates harmonious colour schemes from any description, mood, keyword or hex code. Unlike rule-based generators, it understands context — "sunset over the ocean" produces warm oranges fading into deep blues, while "Nordic minimal" gives you cool greys and off-whites. Each colour comes with a suggested role (primary, accent, background) and a usage tip. Palettes can be exported as CSS custom properties or JSON for immediate use in your projects.

Frequently asked questions

Type a description in the input field — it can be a mood ("calm and professional"), a scene ("rainy London street"), a hex code ("#3D5A80"), or a concept ("fintech startup"). Select a style and number of colours, then click Generate. The AI creates a harmonious palette with hex codes and usage suggestions.
Yes. Paste any hex code (e.g. #FF6B6B) into the prompt field and the AI will build a harmonious palette around that colour, respecting your chosen style preference.
Click any colour card to copy its hex code to your clipboard. Use the "Copy all hex" button to copy all hex codes as a comma-separated list. You can also export the full palette as CSS variables or JSON.
You can choose from: Any, Pastel, Vibrant, Muted/earthy, Dark/moody, Monochromatic, Complementary, Analogous, Neon, Retro/vintage, and Nordic/minimal. The AI interprets your description within the chosen style.
Click "CSS variables" to generate a :root block with each colour as a CSS custom property (e.g. --color-primary: #3D5A80). Copy and paste it into your stylesheet to use the palette across your project.