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 |
|---|
| INLINECODE1 | Palette number (1-17) |
| INLINECODE2 |
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 INLINECODE14
- Match user's mood/vibe to palette
mood tags - 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)
Happy Hues — 精选配色方案
来自 happyhues.co 的 17 套精选配色方案，每套均包含基于角色的颜色，适用于实际设计场景。
数据
加载 references/palettes.json — 包含 17 套配色方案的数组，每套包含：
简短名称（如深色模式、清爽蓝） |
| mood | 逗号分隔的情绪标签，用于筛选 |
| background | 页面/区域背景色 |
| headline | 标题文字颜色 |
| paragraph | 正文文字颜色 |
| button | 主要按钮/行动号召背景色 |
| buttonText | 按钮文字颜色 |
| stroke | 边框/描边颜色 |
| main | 卡片/容器背景色 |
| highlight | 强调/高亮颜色 |
| secondary | 次要强调色 |
| tertiary | 第三强调色 |
使用方法
- 1. 读取 references/palettes.json
- 将用户的情绪/氛围与配色方案的 mood 标签匹配
- 返回包含颜色及其设计角色的配色方案
- 链接至 https://www.happyhues.co/palettes/{id} 查看实时预览
情绪快速参考
- - 明亮/清爽：3（清爽蓝）、6（极简紫）、8（青绿极简）、14（阳光蓝）
- 深色：4（深色模式）、10（森林绿）、12（深紫）、13（火焰深色）、16（深桃色）
- 温暖/舒适：1（默认）、5（大地绿）、9（活力橙）、15（暖玫瑰）、17（复古粉）
- 大胆/鲜艳：2（大胆撞色）、9（活力橙）、13（火焰深色）
- 柔和/女性化：7（柔和粉）、15（暖玫瑰）、12（深紫）
- 专业：3（清爽蓝）、8（青绿极简）、11（奢华深色）
