Palette · 6 colors · Lc 10
Classic In a Nutshell Ember palette
Classic In a Nutshell Ember: a 6-color palette (Yellow, Gray, Warm, 6 Colors). HEX, RGB, HSL and OKLCH for #F7F3F1, #DFBAA4, #B7825E, #825131, #44260C, #0E0B08, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7F3F1
surface
#DFBAA4
muted
#B7825E
primary
#825131
accent
#44260C
text
#0E0B08
Colors in Classic In a Nutshell Ember: HEX, RGB, HSL & OKLCH
- #F7F3F1 color page →
bg
#F7F3F1
- RGB
- rgb(247 243 241)
- HSL
- hsl(20 27% 96%)
- OKLCH
- oklch(0.967 0.005 48.7)
WCAG contrast: on white 1.10:1 (Fail) · on black 19.04:1 (AAA)
- #DFBAA4 color page →
surface
#DFBAA4
- RGB
- rgb(223 186 164)
- HSL
- hsl(22 48% 76%)
- OKLCH
- oklch(0.816 0.052 52.5)
WCAG contrast: on white 1.79:1 (Fail) · on black 11.69:1 (AAA)
- #B7825E color page →
muted
#B7825E
- RGB
- rgb(183 130 94)
- HSL
- hsl(24 38% 54%)
- OKLCH
- oklch(0.651 0.083 54.9)
WCAG contrast: on white 3.29:1 (Fail) · on black 6.36:1 (AA)
- #825131 color page →
primary
#825131
- RGB
- rgb(130 81 49)
- HSL
- hsl(24 45% 35%)
- OKLCH
- oklch(0.483 0.08 52.9)
WCAG contrast: on white 6.62:1 (AA) · on black 3.17:1 (Fail)
- #44260C color page →
accent
#44260C
- RGB
- rgb(68 38 12)
- HSL
- hsl(28 70% 16%)
- OKLCH
- oklch(0.302 0.059 58.3)
WCAG contrast: on white 13.74:1 (AAA) · on black 1.52:1 (Fail)
- #0E0B08 color page →
text
#0E0B08
- RGB
- rgb(14 11 8)
- HSL
- hsl(30 27% 4%)
- OKLCH
- oklch(0.152 0.008 68.3)
WCAG contrast: on white 19.62:1 (AAA) · on black 1.07:1 (Fail)
Export Classic In a Nutshell Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7f3f1;
--surface: #dfbaa4;
--muted: #b7825e;
--primary: #825131;
--accent: #44260c;
--text: #0e0b08;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7f3f1;
--color-surface: #dfbaa4;
--color-muted: #b7825e;
--color-primary: #825131;
--color-accent: #44260c;
--color-text: #0e0b08;
}JSON (DTCG tokens)
{
"classic-in-a-nutshell-ember-11z": {
"bg": {
"$type": "color",
"$value": "#f7f3f1"
},
"surface": {
"$type": "color",
"$value": "#dfbaa4"
},
"muted": {
"$type": "color",
"$value": "#b7825e"
},
"primary": {
"$type": "color",
"$value": "#825131"
},
"accent": {
"$type": "color",
"$value": "#44260c"
},
"text": {
"$type": "color",
"$value": "#0e0b08"
}
}
}About this palette
Classic In a Nutshell Ember is a 6-color OKLCH-ready palette tagged yellow, gray, warm, 6 colors. Hex values: #F7F3F1, #DFBAA4, #B7825E, #825131, #44260C, #0E0B08. APCA contrast score Lc 10. 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 In a Nutshell Ember by OKLab color distance.