- name
- happy-hues
- description
- Get curated color palettes from Happy Hues for design projects. Use when the user asks for color schemes, palette recommendations, design colors, UI colors, or mentions "配色", "color palette", "happy hues", "颜色方案". Supports filtering by mood (warm, dark, bold, minimal, etc.) and provides role-based colors (background, headline, button, highlight, etc.).
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)