Palette · 6 colors · Lc 7.9
Happy Hearts Ember palette
Happy Hearts Ember: a 6-color palette (Orange, Warm, Sunset, 6 Colors). HEX, RGB, HSL and OKLCH for #F6DDCD, #FFAA90, #D7655E, #AC4156, #702D4F, #18142F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F6DDCD
surface
#FFAA90
muted
#D7655E
primary
#AC4156
accent
#702D4F
text
#18142F
Colors in Happy Hearts Ember: HEX, RGB, HSL & OKLCH
- #F6DDCD color page →
bg
#F6DDCD
- RGB
- rgb(246 221 205)
- HSL
- hsl(23 69% 88%)
- OKLCH
- oklch(0.914 0.035 54.8)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.14:1 (AAA)
- #FFAA90 color page →
surface
#FFAA90
- RGB
- rgb(255 170 144)
- HSL
- hsl(14 100% 78%)
- OKLCH
- oklch(0.815 0.107 37.7)
WCAG contrast: on white 1.84:1 (Fail) · on black 11.40:1 (AAA)
- #D7655E color page →
muted
#D7655E
- RGB
- rgb(215 101 94)
- HSL
- hsl(3 60% 61%)
- OKLCH
- oklch(0.643 0.145 25.5)
WCAG contrast: on white 3.55:1 (Fail) · on black 5.91:1 (AA)
- #AC4156 color page →
primary
#AC4156
- RGB
- rgb(172 65 86)
- HSL
- hsl(348 45% 46%)
- OKLCH
- oklch(0.527 0.141 11.4)
WCAG contrast: on white 5.76:1 (AA) · on black 3.64:1 (Fail)
- #702D4F color page →
accent
#702D4F
- RGB
- rgb(112 45 79)
- HSL
- hsl(330 43% 31%)
- OKLCH
- oklch(0.403 0.103 351.1)
WCAG contrast: on white 9.64:1 (AAA) · on black 2.17:1 (Fail)
- #18142F color page →
text
#18142F
- RGB
- rgb(24 20 47)
- HSL
- hsl(249 40% 13%)
- OKLCH
- oklch(0.212 0.052 287.9)
WCAG contrast: on white 17.79:1 (AAA) · on black 1.17:1 (Fail)
Export Happy Hearts Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f6ddcd;
--surface: #ffaa90;
--muted: #d7655e;
--primary: #ac4156;
--accent: #702d4f;
--text: #18142f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f6ddcd;
--color-surface: #ffaa90;
--color-muted: #d7655e;
--color-primary: #ac4156;
--color-accent: #702d4f;
--color-text: #18142f;
}JSON (DTCG tokens)
{
"happy-hearts-ember-7cj": {
"bg": {
"$type": "color",
"$value": "#f6ddcd"
},
"surface": {
"$type": "color",
"$value": "#ffaa90"
},
"muted": {
"$type": "color",
"$value": "#d7655e"
},
"primary": {
"$type": "color",
"$value": "#ac4156"
},
"accent": {
"$type": "color",
"$value": "#702d4f"
},
"text": {
"$type": "color",
"$value": "#18142f"
}
}
}About this palette
Happy Hearts Ember is a 6-color OKLCH-ready palette tagged orange, warm, sunset, 6 colors. Hex values: #F6DDCD, #FFAA90, #D7655E, #AC4156, #702D4F, #18142F. APCA contrast score Lc 7.9. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Happy Hearts Ember by OKLab color distance.