What it is

Seventeen curated palettes demonstrated by recolouring the entire site as you switch between them. Every swatch is annotated with the role it plays — background, headline, paragraph, button, card, stroke — and clicking one copies its hex. Built by Mackenzie Child.

Why it earns a slot

Answers the question palette generators dodge: not which five colours, but which of them belongs on the button versus the card background. Copy the role assignments straight into your CSS variables.

Know before you commit

Only 17 palettes and no generator — it is a reference you visit once per project, not a daily tool.

Field notes

0 from the community

Sign in to add a field note. Reading is always open.

Loading notes…

Field check

Unverified

Sign in to confirm this entry is still accurate.

Pricing snapshot

Free

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate Happy Hues (https://www.happyhues.co) for this project, then use it only if it fits what we are already building.
Context: Palette-in-context inspiration. Seventeen curated palettes demonstrated by recolouring the entire site as you switch between them. Every swatch is annotated with the role it plays — background, headline, paragraph, button, card, stroke — and clicking one copies its hex. Built by Mackenzie Child.
Reviewer notes (general, not written for this codebase): Answers the question palette generators dodge: not which five colours, but which of them belongs on the button versus the card background. Copy the role assignments straight into your CSS variables.
Watch out for: Only 17 palettes and no generator — it is a reference you visit once per project, not a daily tool.
Pricing: Free
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/happy-hues