Palette · 6 colors · Lc 8.5
Chocolate Magma System palette
Chocolate Magma System: a 6-color palette (Orange, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F8EDE6, #D7B296, #B6816C, #7C473A, #4F2C27, #2C130E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8EDE6
surface
#D7B296
muted
#B6816C
primary
#7C473A
accent
#4F2C27
text
#2C130E
Colors in Chocolate Magma System: HEX, RGB, HSL & OKLCH
- #F8EDE6 color page →
bg
#F8EDE6
- RGB
- rgb(248 237 230)
- HSL
- hsl(23 56% 94%)
- OKLCH
- oklch(0.953 0.015 54.9)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.24:1 (AAA)
- #D7B296 color page →
surface
#D7B296
- RGB
- rgb(215 178 150)
- HSL
- hsl(26 45% 72%)
- OKLCH
- oklch(0.789 0.058 58.9)
WCAG contrast: on white 1.96:1 (Fail) · on black 10.69:1 (AAA)
- #B6816C color page →
muted
#B6816C
- RGB
- rgb(182 129 108)
- HSL
- hsl(17 34% 57%)
- OKLCH
- oklch(0.651 0.073 42.5)
WCAG contrast: on white 3.30:1 (Fail) · on black 6.34:1 (AA)
- #7C473A color page →
primary
#7C473A
- RGB
- rgb(124 71 58)
- HSL
- hsl(12 36% 36%)
- OKLCH
- oklch(0.458 0.076 34.6)
WCAG contrast: on white 7.44:1 (AAA) · on black 2.81:1 (Fail)
- #4F2C27 color page →
accent
#4F2C27
- RGB
- rgb(79 44 39)
- HSL
- hsl(7 34% 23%)
- OKLCH
- oklch(0.336 0.053 28.9)
WCAG contrast: on white 12.19:1 (AAA) · on black 1.72:1 (Fail)
- #2C130E color page →
text
#2C130E
- RGB
- rgb(44 19 14)
- HSL
- hsl(10 52% 11%)
- OKLCH
- oklch(0.222 0.043 32.5)
WCAG contrast: on white 17.40:1 (AAA) · on black 1.20:1 (Fail)
Export Chocolate Magma System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8ede6;
--surface: #d7b296;
--muted: #b6816c;
--primary: #7c473a;
--accent: #4f2c27;
--text: #2c130e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8ede6;
--color-surface: #d7b296;
--color-muted: #b6816c;
--color-primary: #7c473a;
--color-accent: #4f2c27;
--color-text: #2c130e;
}JSON (DTCG tokens)
{
"chocolate-magma-system-5j8": {
"bg": {
"$type": "color",
"$value": "#f8ede6"
},
"surface": {
"$type": "color",
"$value": "#d7b296"
},
"muted": {
"$type": "color",
"$value": "#b6816c"
},
"primary": {
"$type": "color",
"$value": "#7c473a"
},
"accent": {
"$type": "color",
"$value": "#4f2c27"
},
"text": {
"$type": "color",
"$value": "#2c130e"
}
}
}About this palette
Chocolate Magma System is a 6-color OKLCH-ready palette tagged orange, warm, nature, brown, 6 colors. Hex values: #F8EDE6, #D7B296, #B6816C, #7C473A, #4F2C27, #2C130E. 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 Chocolate Magma System by OKLab color distance.