How do I generate random nice colors (with a specific mood)?
Random color generator with "mood" constraints - 8 moods: pastel, vibrant, dark, muted, warm, cool, neutral, any.
Generates 4-16 colors at a time, each matching the chosen mood. Works in OKLCH - colors are perceptually balanced (not the muddy random RGB you get from naive Math.random()).
Great for mood boards, brand exploration, ad-hoc inspiration.
How to use it
- Pick a mood at the top: any (anything), pastel (light, low chroma), vibrant (saturated), dark (dim), muted (toned-down, nostalgic), warm (red-yellow), cool (blue-cyan), neutral (grays).
- Pick how many: 4, 6, 8, 12, 16.
- Click "Regenerate" - new random palette matching the mood. Click again until something clicks.
- Click any big swatch = copies HEX. "Details" table = HEX + RGB + OKLCH.
- CSS variables on the right - ready to drop in.
When this is useful
Where the random color generator pays off - typical scenarios:
- Mood board - looking for a color vibe. Click "vibrant" 5 times until something sticks.
- Brand exploration - not sure which brand color you want - generator shows options.
- Placeholders - need mock data with different colors (avatars, badges) - generator gives 16 unique.
- Slide backgrounds - pastel + 8 = every slide unique but coherent.
- Brainstorm - warm vs cool for why "warm energy" feels exactly that.
- Education - notice how pastels all have L > 0.85 and vibrants L 0.55-0.75 - these are color rules baked into the mood specs.
Questions and answers
Pure random RGB has a 50% chance of "muddy gray" and most colors come out boring. Random restricted to "vibrant" means every color has L 0.55-0.75 and C 0.18-0.28 - automatically attractive and aesthetically pleasing.