Palette · 9 colors · Lc 9.4
Classic Caramel Coating Ember palette
Classic Caramel Coating Ember: a 9-color palette (Green, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #110600, #321400, #5B3100, #754700, #9E5E00, #C37E15, #E4A972, #EDC392, #FFEBD8, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#110600
surface
#321400
muted
#5B3100
primary
#754700
secondary
#9E5E00
accent
#C37E15
highlight
#E4A972
border
#EDC392
text
#FFEBD8
Colors in Classic Caramel Coating Ember: HEX, RGB, HSL & OKLCH
- #110600 color page →
bg
#110600
- RGB
- rgb(17 6 0)
- HSL
- hsl(21 100% 3%)
- OKLCH
- oklch(0.138 0.031 65.2)
WCAG contrast: on white 20.00:1 (AAA) · on black 1.04:1 (Fail)
- #321400 color page →
surface
#321400
- RGB
- rgb(50 20 0)
- HSL
- hsl(24 100% 10%)
- OKLCH
- oklch(0.233 0.059 53.4)
WCAG contrast: on white 16.99:1 (AAA) · on black 1.23:1 (Fail)
- #5B3100 color page →
muted
#5B3100
- RGB
- rgb(91 49 0)
- HSL
- hsl(32 100% 18%)
- OKLCH
- oklch(0.359 0.083 61.8)
WCAG contrast: on white 11.14:1 (AAA) · on black 1.88:1 (Fail)
- #754700 color page →
primary
#754700
- RGB
- rgb(117 71 0)
- HSL
- hsl(36 100% 23%)
- OKLCH
- oklch(0.441 0.097 68.4)
WCAG contrast: on white 7.90:1 (AAA) · on black 2.65:1 (Fail)
- #9E5E00 color page →
secondary
#9E5E00
- RGB
- rgb(158 94 0)
- HSL
- hsl(36 100% 31%)
- OKLCH
- oklch(0.542 0.121 65.5)
WCAG contrast: on white 5.17:1 (AA) · on black 4.05:1 (Fail)
- #C37E15 color page →
accent
#C37E15
- RGB
- rgb(195 126 21)
- HSL
- hsl(36 81% 42%)
- OKLCH
- oklch(0.65 0.136 69.8)
WCAG contrast: on white 3.32:1 (Fail) · on black 6.31:1 (AA)
- #E4A972 color page →
highlight
#E4A972
- RGB
- rgb(228 169 114)
- HSL
- hsl(29 68% 67%)
- OKLCH
- oklch(0.778 0.1 63.5)
WCAG contrast: on white 2.05:1 (Fail) · on black 10.21:1 (AAA)
- #EDC392 color page →
border
#EDC392
- RGB
- rgb(237 195 146)
- HSL
- hsl(32 72% 75%)
- OKLCH
- oklch(0.842 0.08 70.7)
WCAG contrast: on white 1.63:1 (Fail) · on black 12.82:1 (AAA)
- #FFEBD8 color page →
text
#FFEBD8
- RGB
- rgb(255 235 216)
- HSL
- hsl(29 100% 92%)
- OKLCH
- oklch(0.951 0.033 66)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.12:1 (AAA)
Export Classic Caramel Coating Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #110600;
--surface: #321400;
--muted: #5b3100;
--primary: #754700;
--secondary: #9e5e00;
--accent: #c37e15;
--highlight: #e4a972;
--border: #edc392;
--text: #ffebd8;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #110600;
--color-surface: #321400;
--color-muted: #5b3100;
--color-primary: #754700;
--color-secondary: #9e5e00;
--color-accent: #c37e15;
--color-highlight: #e4a972;
--color-border: #edc392;
--color-text: #ffebd8;
}JSON (DTCG tokens)
{
"classic-caramel-coating-ember-6xt": {
"bg": {
"$type": "color",
"$value": "#110600"
},
"surface": {
"$type": "color",
"$value": "#321400"
},
"muted": {
"$type": "color",
"$value": "#5b3100"
},
"primary": {
"$type": "color",
"$value": "#754700"
},
"secondary": {
"$type": "color",
"$value": "#9e5e00"
},
"accent": {
"$type": "color",
"$value": "#c37e15"
},
"highlight": {
"$type": "color",
"$value": "#e4a972"
},
"border": {
"$type": "color",
"$value": "#edc392"
},
"text": {
"$type": "color",
"$value": "#ffebd8"
}
}
}About this palette
Classic Caramel Coating Ember is a 9-color OKLCH-ready palette tagged green, warm, 9 colors. Hex values: #110600, #321400, #5B3100, #754700, #9E5E00, #C37E15, #E4A972, #EDC392, #FFEBD8. APCA contrast score Lc 9.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 Caramel Coating Ember by OKLab color distance.