Palette · 9 colors · Lc 8.8
Caramel Coating Tide palette
Caramel Coating Tide: a 9-color palette (Green, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #0D0902, #2D1800, #623200, #784600, #9D5F00, #BD7911, #DCA44F, #F2C999, #FBF0E1, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#0D0902
surface
#2D1800
muted
#623200
primary
#784600
secondary
#9D5F00
accent
#BD7911
highlight
#DCA44F
border
#F2C999
text
#FBF0E1
Colors in Caramel Coating Tide: HEX, RGB, HSL & OKLCH
- #0D0902 color page →
bg
#0D0902
- RGB
- rgb(13 9 2)
- HSL
- hsl(38 73% 3%)
- OKLCH
- oklch(0.142 0.021 88.9)
WCAG contrast: on white 19.86:1 (AAA) · on black 1.05:1 (Fail)
- #2D1800 color page →
surface
#2D1800
- RGB
- rgb(45 24 0)
- HSL
- hsl(32 100% 9%)
- OKLCH
- oklch(0.233 0.051 67.7)
WCAG contrast: on white 16.90:1 (AAA) · on black 1.24:1 (Fail)
- #623200 color page →
muted
#623200
- RGB
- rgb(98 50 0)
- HSL
- hsl(31 100% 19%)
- OKLCH
- oklch(0.372 0.089 58.2)
WCAG contrast: on white 10.62:1 (AAA) · on black 1.97:1 (Fail)
- #784600 color page →
primary
#784600
- RGB
- rgb(120 70 0)
- HSL
- hsl(35 100% 24%)
- OKLCH
- oklch(0.444 0.099 65.4)
WCAG contrast: on white 7.85:1 (AAA) · on black 2.67:1 (Fail)
- #9D5F00 color page →
secondary
#9D5F00
- RGB
- rgb(157 95 0)
- HSL
- hsl(36 100% 31%)
- OKLCH
- oklch(0.543 0.12 66.8)
WCAG contrast: on white 5.15:1 (AA) · on black 4.07:1 (Fail)
- #BD7911 color page →
accent
#BD7911
- RGB
- rgb(189 121 17)
- HSL
- hsl(36 83% 40%)
- OKLCH
- oklch(0.633 0.133 69.4)
WCAG contrast: on white 3.55:1 (Fail) · on black 5.90:1 (AA)
- #DCA44F color page →
highlight
#DCA44F
- RGB
- rgb(220 164 79)
- HSL
- hsl(36 67% 59%)
- OKLCH
- oklch(0.755 0.121 75.4)
WCAG contrast: on white 2.21:1 (Fail) · on black 9.46:1 (AAA)
- #F2C999 color page →
border
#F2C999
- RGB
- rgb(242 201 153)
- HSL
- hsl(32 77% 77%)
- OKLCH
- oklch(0.86 0.078 70.9)
WCAG contrast: on white 1.54:1 (Fail) · on black 13.59:1 (AAA)
- #FBF0E1 color page →
text
#FBF0E1
- RGB
- rgb(251 240 225)
- HSL
- hsl(35 76% 93%)
- OKLCH
- oklch(0.96 0.023 75.9)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.65:1 (AAA)
Export Caramel Coating Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0d0902;
--surface: #2d1800;
--muted: #623200;
--primary: #784600;
--secondary: #9d5f00;
--accent: #bd7911;
--highlight: #dca44f;
--border: #f2c999;
--text: #fbf0e1;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0d0902;
--color-surface: #2d1800;
--color-muted: #623200;
--color-primary: #784600;
--color-secondary: #9d5f00;
--color-accent: #bd7911;
--color-highlight: #dca44f;
--color-border: #f2c999;
--color-text: #fbf0e1;
}JSON (DTCG tokens)
{
"caramel-coating-tide-7gg": {
"bg": {
"$type": "color",
"$value": "#0d0902"
},
"surface": {
"$type": "color",
"$value": "#2d1800"
},
"muted": {
"$type": "color",
"$value": "#623200"
},
"primary": {
"$type": "color",
"$value": "#784600"
},
"secondary": {
"$type": "color",
"$value": "#9d5f00"
},
"accent": {
"$type": "color",
"$value": "#bd7911"
},
"highlight": {
"$type": "color",
"$value": "#dca44f"
},
"border": {
"$type": "color",
"$value": "#f2c999"
},
"text": {
"$type": "color",
"$value": "#fbf0e1"
}
}
}About this palette
Caramel Coating Tide is a 9-color OKLCH-ready palette tagged green, warm, 9 colors. Hex values: #0D0902, #2D1800, #623200, #784600, #9D5F00, #BD7911, #DCA44F, #F2C999, #FBF0E1. APCA contrast score Lc 8.8. 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 Caramel Coating Tide by OKLab color distance.