Palette · 8 colors · Lc 9.1
Classic Caramel Coating Circuit palette
Classic Caramel Coating Circuit: a 8-color palette (Green, Warm, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #0D0400, #321700, #673700, #915B00, #B77900, #D29734, #E8C393, #F5EADE, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Warm
- Monochromatic
- 8 Colors
bg
#0D0400
surface
#321700
muted
#673700
primary
#915B00
secondary
#B77900
accent
#D29734
highlight
#E8C393
text
#F5EADE
Colors in Classic Caramel Coating Circuit: HEX, RGB, HSL & OKLCH
- #0D0400 color page →
bg
#0D0400
- RGB
- rgb(13 4 0)
- HSL
- hsl(18 100% 3%)
- OKLCH
- oklch(0.122 0.028 62.7)
WCAG contrast: on white 20.30:1 (AAA) · on black 1.03:1 (Fail)
- #321700 color page →
surface
#321700
- RGB
- rgb(50 23 0)
- HSL
- hsl(28 100% 10%)
- OKLCH
- oklch(0.239 0.057 59)
WCAG contrast: on white 16.69:1 (AAA) · on black 1.25:1 (Fail)
- #673700 color page →
muted
#673700
- RGB
- rgb(103 55 0)
- HSL
- hsl(32 100% 20%)
- OKLCH
- oklch(0.389 0.091 60.5)
WCAG contrast: on white 9.89:1 (AAA) · on black 2.12:1 (Fail)
- #915B00 color page →
primary
#915B00
- RGB
- rgb(145 91 0)
- HSL
- hsl(38 100% 28%)
- OKLCH
- oklch(0.519 0.112 70)
WCAG contrast: on white 5.67:1 (AA) · on black 3.70:1 (Fail)
- #B77900 color page →
secondary
#B77900
- RGB
- rgb(183 121 0)
- HSL
- hsl(40 100% 36%)
- OKLCH
- oklch(0.625 0.133 73.4)
WCAG contrast: on white 3.65:1 (Fail) · on black 5.74:1 (AA)
- #D29734 color page →
accent
#D29734
- RGB
- rgb(210 151 52)
- HSL
- hsl(38 64% 51%)
- OKLCH
- oklch(0.717 0.131 76.2)
WCAG contrast: on white 2.55:1 (Fail) · on black 8.21:1 (AAA)
- #E8C393 color page →
highlight
#E8C393
- RGB
- rgb(232 195 147)
- HSL
- hsl(34 65% 74%)
- OKLCH
- oklch(0.838 0.076 73.7)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.65:1 (AAA)
- #F5EADE color page →
text
#F5EADE
- RGB
- rgb(245 234 222)
- HSL
- hsl(31 53% 92%)
- OKLCH
- oklch(0.942 0.02 70)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.70:1 (AAA)
Export Classic Caramel Coating Circuit: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0d0400;
--surface: #321700;
--muted: #673700;
--primary: #915b00;
--secondary: #b77900;
--accent: #d29734;
--highlight: #e8c393;
--text: #f5eade;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0d0400;
--color-surface: #321700;
--color-muted: #673700;
--color-primary: #915b00;
--color-secondary: #b77900;
--color-accent: #d29734;
--color-highlight: #e8c393;
--color-text: #f5eade;
}JSON (DTCG tokens)
{
"classic-caramel-coating-circuit-2cj": {
"bg": {
"$type": "color",
"$value": "#0d0400"
},
"surface": {
"$type": "color",
"$value": "#321700"
},
"muted": {
"$type": "color",
"$value": "#673700"
},
"primary": {
"$type": "color",
"$value": "#915b00"
},
"secondary": {
"$type": "color",
"$value": "#b77900"
},
"accent": {
"$type": "color",
"$value": "#d29734"
},
"highlight": {
"$type": "color",
"$value": "#e8c393"
},
"text": {
"$type": "color",
"$value": "#f5eade"
}
}
}About this palette
Classic Caramel Coating Circuit is a 8-color OKLCH-ready palette tagged green, warm, monochromatic, 8 colors. Hex values: #0D0400, #321700, #673700, #915B00, #B77900, #D29734, #E8C393, #F5EADE. APCA contrast score Lc 9.1. 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 Circuit by OKLab color distance.