Most colour choices start from a word rather than a value. Calm. Premium. Energetic. Trustworthy. This tool goes from that word to a set of colours, which is a useful shortcut — provided you know what is actually doing the work, because it is rarely hue alone.
Saturation and lightness carry the mood
The common belief is that blue means trust and red means urgency. There is something to it, but it is much weaker than the folklore suggests, and it is swamped by two other variables.
Saturation controls energy. The same hue at 90% saturation reads as loud and urgent; at 20% it reads as considered and calm. A muted red is not urgent at all — it is dusty and sophisticated. If a palette feels too aggressive, the fix is almost always saturation, not hue.
Lightness controls weight. Pale colours feel light, airy, approachable. Dark ones feel serious, dense, expensive. A dark palette at low saturation is the standard formula for “premium” across almost every category.
Contrast range controls loudness. A palette where everything sits in a narrow lightness band feels soft and quiet regardless of its hues. Wide separation feels bold and graphic.
Get those three right and the hue becomes a matter of differentiation rather than meaning.
The moods, roughly
- Calm. Low saturation, narrow lightness range, cool or neutral hues. Blues, sages, warm greys.
- Premium. Very low saturation, dark base, one restrained accent. Generous space around everything.
- Energetic. High saturation, wide lightness range, warm hues or high-contrast complementary pairs.
- Natural. Desaturated warm hues — greens, browns, ochres — with slightly uneven steps, which reads as organic rather than systematic.
- Playful. Multiple saturated hues at similar lightness, which is the one combination that reads as deliberately unserious.
Colour meaning is cultural
Treat any claim that a colour “means” something as local rather than universal. White signals purity in much of the West and mourning in parts of East Asia. Red means luck and prosperity in China, danger in most Western interfaces, and is the colour of mourning in parts of Africa. Purple has associations with royalty in some cultures and with mourning in others.
If your audience is international — and on the web it usually is — do not build meaning into colour alone. Support it with words and icons, which is the same advice the colour blindness simulator gives for a different reason and with the same conclusion.
From mood to working palette
A mood palette is a starting point, not a system. To make it usable:
- Choose one colour as primary and one as accent. The rest inform your neutrals.
- Build the light and dark steps the mood palette does not contain, with shades and tints or the colour scale generator.
- Pull a neutral scale from the palette’s least saturated member, keeping a trace of its hue.
- Check every text pair with the contrast checker. Mood palettes cluster in the mid-tones, which is exactly where contrast fails.
Where people go wrong
Using the mood palette directly as an interface palette. It has no near-white and no near-black, so there is nothing to build a page out of.
Equal weighting. Five colours used equally reads as chaos. Aim for something like 60% of a neutral, 30% of a secondary, 10% of the accent.
Chasing the mood at the cost of legibility. A soft, low-contrast palette that nobody can read is a failed palette however well it captures the brief. Accessibility is the constraint; mood is the preference.
Our guide on choosing colours that work together covers the relationships, and palettes has curated sets if you would rather start from something finished.