Happy Hues — Curated Color Palettes
17 curated color palettes from happyhues.co, each with role-based colors for real design use.
Data
Load references/palettes.json — array of 17 palettes, each with:
| Field | Description |
|---|---|
id |
Palette number (1-17) |
name |
Short name (e.g. "Dark Mode", "Clean Blue") |
mood |
Comma-separated mood tags for filtering |
background |
Page/section background |
headline |
Heading text color |
paragraph |
Body text color |
button |
Primary button/CTA background |
buttonText |
Button text color |
stroke |
Border/stroke color |
main |
Card/container background |
highlight |
Accent/highlight color |
secondary |
Secondary accent |
tertiary |
Tertiary accent |
Usage
- Read
references/palettes.json - Match user's mood/vibe to palette
moodtags - Return palette with colors and their design roles
- Link to
https://www.happyhues.co/palettes/{id}for live preview
Mood Quick Reference
- Light/clean: 3 (Clean Blue), 6 (Minimal Purple), 8 (Teal Minimal), 14 (Sunny Blue)
- Dark: 4 (Dark Mode), 10 (Forest Green), 12 (Deep Purple), 13 (Fire Dark), 16 (Dark Peach)
- Warm/cozy: 1 (Default), 5 (Earthy Green), 9 (Orange Pop), 15 (Warm Rose), 17 (Vintage Pink)
- Bold/vibrant: 2 (Bold Pop), 9 (Orange Pop), 13 (Fire Dark)
- Soft/feminine: 7 (Soft Pink), 15 (Warm Rose), 12 (Deep Purple)
- Professional: 3 (Clean Blue), 8 (Teal Minimal), 11 (Luxury Dark)