Palette · 9 colors · Lc 8.5
Candied Apple Horizon palette
Candied Apple Horizon: a 9-color palette (Trending, Red, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #F4EAEC, #E2BDC6, #DE98B9, #C27B95, #BE546B, #98404A, #7A2B1C, #501D22, #291217, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4EAEC
surface
#E2BDC6
muted
#DE98B9
primary
#C27B95
secondary
#BE546B
accent
#98404A
highlight
#7A2B1C
border
#501D22
text
#291217
Colors in Candied Apple Horizon: HEX, RGB, HSL & OKLCH
- #F4EAEC color page →
bg
#F4EAEC
- RGB
- rgb(244 234 236)
- HSL
- hsl(348 31% 94%)
- OKLCH
- oklch(0.945 0.011 3.5)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.82:1 (AAA)
- #E2BDC6 color page →
surface
#E2BDC6
- RGB
- rgb(226 189 198)
- HSL
- hsl(345 39% 81%)
- OKLCH
- oklch(0.833 0.044 1.7)
WCAG contrast: on white 1.70:1 (Fail) · on black 12.32:1 (AAA)
- #DE98B9 color page →
muted
#DE98B9
- RGB
- rgb(222 152 185)
- HSL
- hsl(332 51% 73%)
- OKLCH
- oklch(0.758 0.093 349.7)
WCAG contrast: on white 2.25:1 (Fail) · on black 9.29:1 (AAA)
- #C27B95 color page →
primary
#C27B95
- RGB
- rgb(194 123 149)
- HSL
- hsl(338 37% 62%)
- OKLCH
- oklch(0.665 0.094 356.4)
WCAG contrast: on white 3.20:1 (Fail) · on black 6.56:1 (AA)
- #BE546B color page →
secondary
#BE546B
- RGB
- rgb(190 84 107)
- HSL
- hsl(347 45% 54%)
- OKLCH
- oklch(0.586 0.138 8.8)
WCAG contrast: on white 4.49:1 (Fail) · on black 4.66:1 (AA)
- #98404A color page →
accent
#98404A
- RGB
- rgb(152 64 74)
- HSL
- hsl(353 41% 42%)
- OKLCH
- oklch(0.491 0.118 15.6)
WCAG contrast: on white 6.63:1 (AA) · on black 3.16:1 (Fail)
- #7A2B1C color page →
highlight
#7A2B1C
- RGB
- rgb(122 43 28)
- HSL
- hsl(10 63% 29%)
- OKLCH
- oklch(0.403 0.114 32.8)
WCAG contrast: on white 9.58:1 (AAA) · on black 2.18:1 (Fail)
- #501D22 color page →
border
#501D22
- RGB
- rgb(80 29 34)
- HSL
- hsl(354 47% 21%)
- OKLCH
- oklch(0.309 0.077 16.8)
WCAG contrast: on white 13.63:1 (AAA) · on black 1.53:1 (Fail)
- #291217 color page →
text
#291217
- RGB
- rgb(41 18 23)
- HSL
- hsl(347 39% 12%)
- OKLCH
- oklch(0.218 0.039 6.9)
WCAG contrast: on white 17.60:1 (AAA) · on black 1.19:1 (Fail)
Export Candied Apple Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4eaec;
--surface: #e2bdc6;
--muted: #de98b9;
--primary: #c27b95;
--secondary: #be546b;
--accent: #98404a;
--highlight: #7a2b1c;
--border: #501d22;
--text: #291217;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4eaec;
--color-surface: #e2bdc6;
--color-muted: #de98b9;
--color-primary: #c27b95;
--color-secondary: #be546b;
--color-accent: #98404a;
--color-highlight: #7a2b1c;
--color-border: #501d22;
--color-text: #291217;
}JSON (DTCG tokens)
{
"candied-apple-horizon-34g": {
"bg": {
"$type": "color",
"$value": "#f4eaec"
},
"surface": {
"$type": "color",
"$value": "#e2bdc6"
},
"muted": {
"$type": "color",
"$value": "#de98b9"
},
"primary": {
"$type": "color",
"$value": "#c27b95"
},
"secondary": {
"$type": "color",
"$value": "#be546b"
},
"accent": {
"$type": "color",
"$value": "#98404a"
},
"highlight": {
"$type": "color",
"$value": "#7a2b1c"
},
"border": {
"$type": "color",
"$value": "#501d22"
},
"text": {
"$type": "color",
"$value": "#291217"
}
}
}About this palette
Candied Apple Horizon is a 9-color OKLCH-ready palette tagged trending, red, warm, 9 colors. Hex values: #F4EAEC, #E2BDC6, #DE98B9, #C27B95, #BE546B, #98404A, #7A2B1C, #501D22, #291217. APCA contrast score Lc 8.5. 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 Candied Apple Horizon by OKLab color distance.