Palette · 7 colors · Lc 9.5
Mossy Ember palette
Mossy Ember: a 7-color palette (Green, Gray, 7 Colors). HEX, RGB, HSL and OKLCH for #F2EFEC, #CDC0A7, #AE9D72, #84713C, #53491A, #2C2300, #0B0904, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F2EFEC
surface
#CDC0A7
muted
#AE9D72
primary
#84713C
secondary
#53491A
accent
#2C2300
text
#0B0904
Colors in Mossy Ember: HEX, RGB, HSL & OKLCH
- #F2EFEC color page →
bg
#F2EFEC
- RGB
- rgb(242 239 236)
- HSL
- hsl(30 19% 94%)
- OKLCH
- oklch(0.954 0.005 67.8)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.33:1 (AAA)
- #CDC0A7 color page →
surface
#CDC0A7
- RGB
- rgb(205 192 167)
- HSL
- hsl(39 28% 73%)
- OKLCH
- oklch(0.812 0.037 83.8)
WCAG contrast: on white 1.79:1 (Fail) · on black 11.69:1 (AAA)
- #AE9D72 color page →
muted
#AE9D72
- RGB
- rgb(174 157 114)
- HSL
- hsl(43 27% 56%)
- OKLCH
- oklch(0.7 0.062 88.9)
WCAG contrast: on white 2.66:1 (Fail) · on black 7.86:1 (AAA)
- #84713C color page →
primary
#84713C
- RGB
- rgb(132 113 60)
- HSL
- hsl(44 38% 38%)
- OKLCH
- oklch(0.555 0.076 90.1)
WCAG contrast: on white 4.76:1 (AA) · on black 4.40:1 (Fail)
- #53491A color page →
secondary
#53491A
- RGB
- rgb(83 73 26)
- HSL
- hsl(49 52% 21%)
- OKLCH
- oklch(0.405 0.067 97.3)
WCAG contrast: on white 8.99:1 (AAA) · on black 2.33:1 (Fail)
- #2C2300 color page →
accent
#2C2300
- RGB
- rgb(44 35 0)
- HSL
- hsl(48 100% 9%)
- OKLCH
- oklch(0.259 0.053 94.6)
WCAG contrast: on white 15.58:1 (AAA) · on black 1.34:1 (Fail)
- #0B0904 color page →
text
#0B0904
- RGB
- rgb(11 9 4)
- HSL
- hsl(43 47% 3%)
- OKLCH
- oklch(0.14 0.014 93)
WCAG contrast: on white 19.90:1 (AAA) · on black 1.05:1 (Fail)
Export Mossy Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2efec;
--surface: #cdc0a7;
--muted: #ae9d72;
--primary: #84713c;
--secondary: #53491a;
--accent: #2c2300;
--text: #0b0904;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2efec;
--color-surface: #cdc0a7;
--color-muted: #ae9d72;
--color-primary: #84713c;
--color-secondary: #53491a;
--color-accent: #2c2300;
--color-text: #0b0904;
}JSON (DTCG tokens)
{
"mossy-ember-4ka": {
"bg": {
"$type": "color",
"$value": "#f2efec"
},
"surface": {
"$type": "color",
"$value": "#cdc0a7"
},
"muted": {
"$type": "color",
"$value": "#ae9d72"
},
"primary": {
"$type": "color",
"$value": "#84713c"
},
"secondary": {
"$type": "color",
"$value": "#53491a"
},
"accent": {
"$type": "color",
"$value": "#2c2300"
},
"text": {
"$type": "color",
"$value": "#0b0904"
}
}
}About this palette
Mossy Ember is a 7-color OKLCH-ready palette tagged green, gray, 7 colors. Hex values: #F2EFEC, #CDC0A7, #AE9D72, #84713C, #53491A, #2C2300, #0B0904. APCA contrast score Lc 9.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 Mossy Ember by OKLab color distance.