Palette · 5 colors · Lc 8.8
Chocolate Temptation System palette
Chocolate Temptation System: a 5-color palette (Orange, Gray, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F4ECE9, #C7A4A6, #9A695A, #5D4631, #1A1412, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4ECE9
surface
#C7A4A6
primary
#9A695A
accent
#5D4631
text
#1A1412
Colors in Chocolate Temptation System: HEX, RGB, HSL & OKLCH
- #F4ECE9 color page →
bg
#F4ECE9
- RGB
- rgb(244 236 233)
- HSL
- hsl(16 33% 94%)
- OKLCH
- oklch(0.948 0.01 41.9)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.02:1 (AAA)
- #C7A4A6 color page →
surface
#C7A4A6
- RGB
- rgb(199 164 166)
- HSL
- hsl(357 24% 71%)
- OKLCH
- oklch(0.751 0.041 14.2)
WCAG contrast: on white 2.26:1 (Fail) · on black 9.28:1 (AAA)
- #9A695A color page →
primary
#9A695A
- RGB
- rgb(154 105 90)
- HSL
- hsl(14 26% 48%)
- OKLCH
- oklch(0.568 0.068 37.7)
WCAG contrast: on white 4.62:1 (AA) · on black 4.54:1 (AA)
- #5D4631 color page →
accent
#5D4631
- RGB
- rgb(93 70 49)
- HSL
- hsl(29 31% 28%)
- OKLCH
- oklch(0.413 0.045 63.4)
WCAG contrast: on white 8.80:1 (AAA) · on black 2.38:1 (Fail)
- #1A1412 color page →
text
#1A1412
- RGB
- rgb(26 20 18)
- HSL
- hsl(15 18% 9%)
- OKLCH
- oklch(0.198 0.011 39.3)
WCAG contrast: on white 18.21:1 (AAA) · on black 1.15:1 (Fail)
Export Chocolate Temptation System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4ece9;
--surface: #c7a4a6;
--primary: #9a695a;
--accent: #5d4631;
--text: #1a1412;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4ece9;
--color-surface: #c7a4a6;
--color-primary: #9a695a;
--color-accent: #5d4631;
--color-text: #1a1412;
}JSON (DTCG tokens)
{
"chocolate-temptation-system-3m0": {
"bg": {
"$type": "color",
"$value": "#f4ece9"
},
"surface": {
"$type": "color",
"$value": "#c7a4a6"
},
"primary": {
"$type": "color",
"$value": "#9a695a"
},
"accent": {
"$type": "color",
"$value": "#5d4631"
},
"text": {
"$type": "color",
"$value": "#1a1412"
}
}
}About this palette
Chocolate Temptation System is a 5-color OKLCH-ready palette tagged orange, gray, warm, 5 colors. Hex values: #F4ECE9, #C7A4A6, #9A695A, #5D4631, #1A1412. 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 Chocolate Temptation System by OKLab color distance.