Palette · 8 colors · Lc 8.4
Classic Chocolate Signal palette
Classic Chocolate Signal: a 8-color palette (Yellow, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #F0EAE6, #E9B8A4, #F18D74, #D26D2A, #AC5100, #794100, #582600, #2D1402, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0EAE6
surface
#E9B8A4
muted
#F18D74
primary
#D26D2A
secondary
#AC5100
accent
#794100
highlight
#582600
text
#2D1402
Colors in Classic Chocolate Signal: HEX, RGB, HSL & OKLCH
- #F0EAE6 color page →
bg
#F0EAE6
- RGB
- rgb(240 234 230)
- HSL
- hsl(24 25% 92%)
- OKLCH
- oklch(0.941 0.008 56.3)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.61:1 (AAA)
- #E9B8A4 color page →
surface
#E9B8A4
- RGB
- rgb(233 184 164)
- HSL
- hsl(17 61% 78%)
- OKLCH
- oklch(0.821 0.063 43.3)
WCAG contrast: on white 1.77:1 (Fail) · on black 11.85:1 (AAA)
- #F18D74 color page →
muted
#F18D74
- RGB
- rgb(241 141 116)
- HSL
- hsl(12 82% 70%)
- OKLCH
- oklch(0.744 0.127 34.9)
WCAG contrast: on white 2.38:1 (Fail) · on black 8.80:1 (AAA)
- #D26D2A color page →
primary
#D26D2A
- RGB
- rgb(210 109 42)
- HSL
- hsl(24 67% 49%)
- OKLCH
- oklch(0.642 0.149 50.1)
WCAG contrast: on white 3.52:1 (Fail) · on black 5.96:1 (AA)
- #AC5100 color page →
secondary
#AC5100
- RGB
- rgb(172 81 0)
- HSL
- hsl(28 100% 34%)
- OKLCH
- oklch(0.54 0.141 51.1)
WCAG contrast: on white 5.34:1 (AA) · on black 3.93:1 (Fail)
- #794100 color page →
accent
#794100
- RGB
- rgb(121 65 0)
- HSL
- hsl(32 100% 24%)
- OKLCH
- oklch(0.436 0.102 59.9)
WCAG contrast: on white 8.17:1 (AAA) · on black 2.56:1 (Fail)
- #582600 color page →
highlight
#582600
- RGB
- rgb(88 38 0)
- HSL
- hsl(26 100% 17%)
- OKLCH
- oklch(0.334 0.087 51)
WCAG contrast: on white 12.40:1 (AAA) · on black 1.69:1 (Fail)
- #2D1402 color page →
text
#2D1402
- RGB
- rgb(45 20 2)
- HSL
- hsl(25 91% 9%)
- OKLCH
- oklch(0.224 0.051 55.5)
WCAG contrast: on white 17.31:1 (AAA) · on black 1.21:1 (Fail)
Export Classic Chocolate Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0eae6;
--surface: #e9b8a4;
--muted: #f18d74;
--primary: #d26d2a;
--secondary: #ac5100;
--accent: #794100;
--highlight: #582600;
--text: #2d1402;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0eae6;
--color-surface: #e9b8a4;
--color-muted: #f18d74;
--color-primary: #d26d2a;
--color-secondary: #ac5100;
--color-accent: #794100;
--color-highlight: #582600;
--color-text: #2d1402;
}JSON (DTCG tokens)
{
"classic-chocolate-signal-3yi": {
"bg": {
"$type": "color",
"$value": "#f0eae6"
},
"surface": {
"$type": "color",
"$value": "#e9b8a4"
},
"muted": {
"$type": "color",
"$value": "#f18d74"
},
"primary": {
"$type": "color",
"$value": "#d26d2a"
},
"secondary": {
"$type": "color",
"$value": "#ac5100"
},
"accent": {
"$type": "color",
"$value": "#794100"
},
"highlight": {
"$type": "color",
"$value": "#582600"
},
"text": {
"$type": "color",
"$value": "#2d1402"
}
}
}About this palette
Classic Chocolate Signal is a 8-color OKLCH-ready palette tagged yellow, warm, 8 colors. Hex values: #F0EAE6, #E9B8A4, #F18D74, #D26D2A, #AC5100, #794100, #582600, #2D1402. APCA contrast score Lc 8.4. 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 Classic Chocolate Signal by OKLab color distance.