Palette · 10 colors · Lc 9.3
Candied Apple System palette
Candied Apple System: a 10-color palette (Red, Warm, Monochromatic, 10 Colors). HEX, RGB, HSL and OKLCH for #FBE5E8, #EEBFC8, #F1A5B4, #D88298, #B85773, #A34667, #793046, #561526, #310816, #17080C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Warm
- Monochromatic
- 10 Colors
bg
#FBE5E8
surface
#EEBFC8
muted
#F1A5B4
primary
#D88298
secondary
#B85773
accent
#A34667
highlight
#793046
border
#561526
focus
#310816
text
#17080C
Colors in Candied Apple System: HEX, RGB, HSL & OKLCH
- #FBE5E8 color page →
bg
#FBE5E8
- RGB
- rgb(251 229 232)
- HSL
- hsl(352 73% 94%)
- OKLCH
- oklch(0.94 0.024 8.2)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.47:1 (AAA)
- #EEBFC8 color page →
surface
#EEBFC8
- RGB
- rgb(238 191 200)
- HSL
- hsl(349 58% 84%)
- OKLCH
- oklch(0.849 0.055 5.5)
WCAG contrast: on white 1.62:1 (Fail) · on black 12.92:1 (AAA)
- #F1A5B4 color page →
muted
#F1A5B4
- RGB
- rgb(241 165 180)
- HSL
- hsl(348 73% 80%)
- OKLCH
- oklch(0.799 0.092 6.4)
WCAG contrast: on white 1.94:1 (Fail) · on black 10.78:1 (AAA)
- #D88298 color page →
primary
#D88298
- RGB
- rgb(216 130 152)
- HSL
- hsl(345 52% 68%)
- OKLCH
- oklch(0.704 0.109 3.7)
WCAG contrast: on white 2.77:1 (Fail) · on black 7.56:1 (AAA)
- #B85773 color page →
secondary
#B85773
- RGB
- rgb(184 87 115)
- HSL
- hsl(343 41% 53%)
- OKLCH
- oklch(0.584 0.128 3.7)
WCAG contrast: on white 4.51:1 (AA) · on black 4.64:1 (AA)
- #A34667 color page →
accent
#A34667
- RGB
- rgb(163 70 103)
- HSL
- hsl(339 40% 46%)
- OKLCH
- oklch(0.525 0.128 0.2)
WCAG contrast: on white 5.78:1 (AA) · on black 3.62:1 (Fail)
- #793046 color page →
highlight
#793046
- RGB
- rgb(121 48 70)
- HSL
- hsl(342 43% 33%)
- OKLCH
- oklch(0.418 0.104 3.9)
WCAG contrast: on white 9.03:1 (AAA) · on black 2.32:1 (Fail)
- #561526 color page →
border
#561526
- RGB
- rgb(86 21 38)
- HSL
- hsl(344 61% 21%)
- OKLCH
- oklch(0.311 0.096 9.1)
WCAG contrast: on white 13.71:1 (AAA) · on black 1.53:1 (Fail)
- #310816 color page →
focus
#310816
- RGB
- rgb(49 8 22)
- HSL
- hsl(340 72% 11%)
- OKLCH
- oklch(0.216 0.067 3.9)
WCAG contrast: on white 17.84:1 (AAA) · on black 1.17:1 (Fail)
- #17080C color page →
text
#17080C
- RGB
- rgb(23 8 12)
- HSL
- hsl(344 48% 6%)
- OKLCH
- oklch(0.16 0.028 3.2)
WCAG contrast: on white 19.50:1 (AAA) · on black 1.07:1 (Fail)
Export Candied Apple System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fbe5e8;
--surface: #eebfc8;
--muted: #f1a5b4;
--primary: #d88298;
--secondary: #b85773;
--accent: #a34667;
--highlight: #793046;
--border: #561526;
--focus: #310816;
--text: #17080c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fbe5e8;
--color-surface: #eebfc8;
--color-muted: #f1a5b4;
--color-primary: #d88298;
--color-secondary: #b85773;
--color-accent: #a34667;
--color-highlight: #793046;
--color-border: #561526;
--color-focus: #310816;
--color-text: #17080c;
}JSON (DTCG tokens)
{
"candied-apple-system-1og": {
"bg": {
"$type": "color",
"$value": "#fbe5e8"
},
"surface": {
"$type": "color",
"$value": "#eebfc8"
},
"muted": {
"$type": "color",
"$value": "#f1a5b4"
},
"primary": {
"$type": "color",
"$value": "#d88298"
},
"secondary": {
"$type": "color",
"$value": "#b85773"
},
"accent": {
"$type": "color",
"$value": "#a34667"
},
"highlight": {
"$type": "color",
"$value": "#793046"
},
"border": {
"$type": "color",
"$value": "#561526"
},
"focus": {
"$type": "color",
"$value": "#310816"
},
"text": {
"$type": "color",
"$value": "#17080c"
}
}
}About this palette
Candied Apple System is a 10-color OKLCH-ready palette tagged red, warm, monochromatic, 10 colors. Hex values: #FBE5E8, #EEBFC8, #F1A5B4, #D88298, #B85773, #A34667, #793046, #561526, #310816, #17080C. APCA contrast score Lc 9.3. 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 System by OKLab color distance.