Skip to content
Happy Hues

Happy Hues

17 curated palettes, each shown applied to a whole live page

Tier B · UsefulColor ToolGalleryReferencehappyhues.co

Preview image from happyhues.co

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.

For an agent

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.

Install command, framework, licence and component list.

Facts

License
Unknown
Pricing
Free
Framework
Webflow
Styling
Not applicable
Distribution
Web app / online tool, Browse-only gallery or archive
Platform
Web
Content type
Prose / writing, Design tokens / theme files
Agent readiness
Copy-paste ready code, Structured documentation
Accessibility
Unknown
Maturity
Stable

Notable for

  • 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

Provenance

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

Also in Color

6
happyhues.coTier B