Palette · 7 colors · Lc 8.2
True Chocolate Rain System palette
True Chocolate Rain System: a 7-color palette (Green, Gray, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #F5E2D6, #DCBAAF, #CA9888, #9C7058, #6E4E2A, #472F19, #26160B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5E2D6
surface
#DCBAAF
muted
#CA9888
primary
#9C7058
secondary
#6E4E2A
accent
#472F19
text
#26160B
Colors in True Chocolate Rain System: HEX, RGB, HSL & OKLCH
- #F5E2D6 color page →
bg
#F5E2D6
- RGB
- rgb(245 226 214)
- HSL
- hsl(23 61% 90%)
- OKLCH
- oklch(0.925 0.026 54.6)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.73:1 (AAA)
- #DCBAAF color page →
surface
#DCBAAF
- RGB
- rgb(220 186 175)
- HSL
- hsl(15 39% 77%)
- OKLCH
- oklch(0.815 0.042 38.7)
WCAG contrast: on white 1.79:1 (Fail) · on black 11.68:1 (AAA)
- #CA9888 color page →
muted
#CA9888
- RGB
- rgb(202 152 136)
- HSL
- hsl(15 38% 66%)
- OKLCH
- oklch(0.723 0.065 38.5)
WCAG contrast: on white 2.51:1 (Fail) · on black 8.35:1 (AAA)
- #9C7058 color page →
primary
#9C7058
- RGB
- rgb(156 112 88)
- HSL
- hsl(21 28% 48%)
- OKLCH
- oklch(0.584 0.066 49.6)
WCAG contrast: on white 4.31:1 (Fail) · on black 4.87:1 (AA)
- #6E4E2A color page →
secondary
#6E4E2A
- RGB
- rgb(110 78 42)
- HSL
- hsl(32 45% 30%)
- OKLCH
- oklch(0.45 0.067 67.9)
WCAG contrast: on white 7.53:1 (AAA) · on black 2.78:1 (Fail)
- #472F19 color page →
accent
#472F19
- RGB
- rgb(71 47 25)
- HSL
- hsl(29 48% 19%)
- OKLCH
- oklch(0.328 0.049 62.2)
WCAG contrast: on white 12.43:1 (AAA) · on black 1.68:1 (Fail)
- #26160B color page →
text
#26160B
- RGB
- rgb(38 22 11)
- HSL
- hsl(24 55% 10%)
- OKLCH
- oklch(0.219 0.033 54.7)
WCAG contrast: on white 17.47:1 (AAA) · on black 1.20:1 (Fail)
Export True Chocolate Rain System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5e2d6;
--surface: #dcbaaf;
--muted: #ca9888;
--primary: #9c7058;
--secondary: #6e4e2a;
--accent: #472f19;
--text: #26160b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5e2d6;
--color-surface: #dcbaaf;
--color-muted: #ca9888;
--color-primary: #9c7058;
--color-secondary: #6e4e2a;
--color-accent: #472f19;
--color-text: #26160b;
}JSON (DTCG tokens)
{
"true-chocolate-rain-system-7c2": {
"bg": {
"$type": "color",
"$value": "#f5e2d6"
},
"surface": {
"$type": "color",
"$value": "#dcbaaf"
},
"muted": {
"$type": "color",
"$value": "#ca9888"
},
"primary": {
"$type": "color",
"$value": "#9c7058"
},
"secondary": {
"$type": "color",
"$value": "#6e4e2a"
},
"accent": {
"$type": "color",
"$value": "#472f19"
},
"text": {
"$type": "color",
"$value": "#26160b"
}
}
}About this palette
True Chocolate Rain System is a 7-color OKLCH-ready palette tagged green, gray, warm, 7 colors. Hex values: #F5E2D6, #DCBAAF, #CA9888, #9C7058, #6E4E2A, #472F19, #26160B. APCA contrast score Lc 8.2. 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 True Chocolate Rain System by OKLab color distance.