Happy Hues
by @rikouu
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.).
clawhub install happy-huesπ About This Skill
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
1. Read references/palettes.json
2. Match user's mood/vibe to palette mood tags
3. Return palette with colors and their design roles
4. Link to https://www.happyhues.co/palettes/{id} for live preview
Mood Quick Reference
π‘ Examples
1. Read references/palettes.json
2. Match user's mood/vibe to palette mood tags
3. Return palette with colors and their design roles
4. Link to https://www.happyhues.co/palettes/{id} for live preview