Palette · 8 colors · Lc 8.5
Pure Caramel Coating Ember palette
Pure Caramel Coating Ember: a 8-color palette (Trending, Green, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #F0E6D6, #E5BF95, #E19E60, #C47A00, #896100, #645300, #423000, #271900, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0E6D6
surface
#E5BF95
muted
#E19E60
primary
#C47A00
secondary
#896100
accent
#645300
highlight
#423000
text
#271900
Colors in Pure Caramel Coating Ember: HEX, RGB, HSL & OKLCH
- #F0E6D6 color page →
bg
#F0E6D6
- RGB
- rgb(240 230 214)
- HSL
- hsl(37 46% 89%)
- OKLCH
- oklch(0.929 0.024 79.7)
WCAG contrast: on white 1.23:1 (Fail) · on black 16.99:1 (AAA)
- #E5BF95 color page →
surface
#E5BF95
- RGB
- rgb(229 191 149)
- HSL
- hsl(31 61% 74%)
- OKLCH
- oklch(0.828 0.071 69.4)
WCAG contrast: on white 1.71:1 (Fail) · on black 12.21:1 (AAA)
- #E19E60 color page →
muted
#E19E60
- RGB
- rgb(225 158 96)
- HSL
- hsl(29 68% 63%)
- OKLCH
- oklch(0.752 0.112 62.5)
WCAG contrast: on white 2.26:1 (Fail) · on black 9.26:1 (AAA)
- #C47A00 color page →
primary
#C47A00
- RGB
- rgb(196 122 0)
- HSL
- hsl(37 100% 38%)
- OKLCH
- oklch(0.643 0.141 68.2)
WCAG contrast: on white 3.42:1 (Fail) · on black 6.13:1 (AA)
- #896100 color page →
secondary
#896100
- RGB
- rgb(137 97 0)
- HSL
- hsl(42 100% 27%)
- OKLCH
- oklch(0.521 0.108 80.4)
WCAG contrast: on white 5.56:1 (AA) · on black 3.77:1 (Fail)
- #645300 color page →
accent
#645300
- RGB
- rgb(100 83 0)
- HSL
- hsl(50 100% 20%)
- OKLCH
- oklch(0.446 0.092 95.3)
WCAG contrast: on white 7.55:1 (AAA) · on black 2.77:1 (Fail)
- #423000 color page →
highlight
#423000
- RGB
- rgb(66 48 0)
- HSL
- hsl(44 100% 13%)
- OKLCH
- oklch(0.321 0.066 85.8)
WCAG contrast: on white 12.69:1 (AAA) · on black 1.65:1 (Fail)
- #271900 color page →
text
#271900
- RGB
- rgb(39 25 0)
- HSL
- hsl(38 100% 8%)
- OKLCH
- oklch(0.226 0.047 80.5)
WCAG contrast: on white 17.13:1 (AAA) · on black 1.22:1 (Fail)
Export Pure Caramel Coating Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0e6d6;
--surface: #e5bf95;
--muted: #e19e60;
--primary: #c47a00;
--secondary: #896100;
--accent: #645300;
--highlight: #423000;
--text: #271900;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0e6d6;
--color-surface: #e5bf95;
--color-muted: #e19e60;
--color-primary: #c47a00;
--color-secondary: #896100;
--color-accent: #645300;
--color-highlight: #423000;
--color-text: #271900;
}JSON (DTCG tokens)
{
"pure-caramel-coating-ember-u4": {
"bg": {
"$type": "color",
"$value": "#f0e6d6"
},
"surface": {
"$type": "color",
"$value": "#e5bf95"
},
"muted": {
"$type": "color",
"$value": "#e19e60"
},
"primary": {
"$type": "color",
"$value": "#c47a00"
},
"secondary": {
"$type": "color",
"$value": "#896100"
},
"accent": {
"$type": "color",
"$value": "#645300"
},
"highlight": {
"$type": "color",
"$value": "#423000"
},
"text": {
"$type": "color",
"$value": "#271900"
}
}
}About this palette
Pure Caramel Coating Ember is a 8-color OKLCH-ready palette tagged trending, green, warm, 8 colors. Hex values: #F0E6D6, #E5BF95, #E19E60, #C47A00, #896100, #645300, #423000, #271900. 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 Pure Caramel Coating Ember by OKLab color distance.