Happy Hues
17 curated palettes, each shown applied to a whole live page
Happy Hues is a small set of hand-picked palettes — 17 of them — where the site itself repaints in the palette you select, so you see each colour doing a real job: page background, headline, paragraph, button, card, illustration. Every role is labelled with its hex, and clicking copies it. Alongside the palettes there is short educational writing on colour terminology and how to assign colours to interface roles. Mackenzie Child built it in Webflow as a side project.
Use this when the user has no brand colour at all and needs a credible starting scheme fast — the pages are server-rendered HTML at https://www.happyhues.co/palettes/1 through /17, so you can fetch a palette and read its hexes and role labels directly, which you cannot do on most colour sites. Its real value is the role mapping (background / headline / paragraph / button / button-text / stroke / card), which drops almost one-to-one onto CSS variables or a shadcn theme. It is a fixed set of 17, not a generator, so pair it with tints.dev when you need full 50-950 ramps from the chosen base.
Why it is here. It answers the question every palette site ignores — which of these five colours is the button — and that mapping is worth more than another million-swatch generator.
- palette applied to the whole live page
- named colour roles per palette
- click-to-copy hex codes
- 17 curated schemes
- plain-HTML pages an agent can read
Verified 2026-08-16. HTTP 200. https://www.happyhues.co/ (fetched, headline and author confirmed), HEAD checks on /palettes/17 (200) and /palettes/18-20 (404), which fixes the count at 17
