Palette · 9 colors · Lc 9.4
True Mossy Garden palette
True Mossy Garden: a 9-color palette (Green, Gray, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #F7EED9, #D4C6B5, #C3AC99, #A18971, #8E7A54, #68634B, #464527, #342E16, #151107, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7EED9
surface
#D4C6B5
muted
#C3AC99
primary
#A18971
secondary
#8E7A54
accent
#68634B
highlight
#464527
border
#342E16
text
#151107
Colors in True Mossy Garden: HEX, RGB, HSL & OKLCH
- #F7EED9 color page →
bg
#F7EED9
- RGB
- rgb(247 238 217)
- HSL
- hsl(42 65% 91%)
- OKLCH
- oklch(0.951 0.029 87.5)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.18:1 (AAA)
- #D4C6B5 color page →
surface
#D4C6B5
- RGB
- rgb(212 198 181)
- HSL
- hsl(33 26% 77%)
- OKLCH
- oklch(0.833 0.028 72.8)
WCAG contrast: on white 1.67:1 (Fail) · on black 12.54:1 (AAA)
- #C3AC99 color page →
muted
#C3AC99
- RGB
- rgb(195 172 153)
- HSL
- hsl(27 26% 68%)
- OKLCH
- oklch(0.759 0.038 61.8)
WCAG contrast: on white 2.16:1 (Fail) · on black 9.68:1 (AAA)
- #A18971 color page →
primary
#A18971
- RGB
- rgb(161 137 113)
- HSL
- hsl(30 20% 54%)
- OKLCH
- oklch(0.646 0.045 66.9)
WCAG contrast: on white 3.31:1 (Fail) · on black 6.33:1 (AA)
- #8E7A54 color page →
secondary
#8E7A54
- RGB
- rgb(142 122 84)
- HSL
- hsl(39 26% 44%)
- OKLCH
- oklch(0.589 0.059 83)
WCAG contrast: on white 4.14:1 (Fail) · on black 5.06:1 (AA)
- #68634B color page →
accent
#68634B
- RGB
- rgb(104 99 75)
- HSL
- hsl(50 16% 35%)
- OKLCH
- oklch(0.498 0.037 97.7)
WCAG contrast: on white 6.04:1 (AA) · on black 3.47:1 (Fail)
- #464527 color page →
highlight
#464527
- RGB
- rgb(70 69 39)
- HSL
- hsl(58 28% 21%)
- OKLCH
- oklch(0.383 0.046 106.7)
WCAG contrast: on white 9.80:1 (AAA) · on black 2.14:1 (Fail)
- #342E16 color page →
border
#342E16
- RGB
- rgb(52 46 22)
- HSL
- hsl(48 41% 15%)
- OKLCH
- oklch(0.301 0.039 95.7)
WCAG contrast: on white 13.56:1 (AAA) · on black 1.54:1 (Fail)
- #151107 color page →
text
#151107
- RGB
- rgb(21 17 7)
- HSL
- hsl(43 50% 5%)
- OKLCH
- oklch(0.179 0.02 89.1)
WCAG contrast: on white 18.83:1 (AAA) · on black 1.11:1 (Fail)
Export True Mossy Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7eed9;
--surface: #d4c6b5;
--muted: #c3ac99;
--primary: #a18971;
--secondary: #8e7a54;
--accent: #68634b;
--highlight: #464527;
--border: #342e16;
--text: #151107;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7eed9;
--color-surface: #d4c6b5;
--color-muted: #c3ac99;
--color-primary: #a18971;
--color-secondary: #8e7a54;
--color-accent: #68634b;
--color-highlight: #464527;
--color-border: #342e16;
--color-text: #151107;
}JSON (DTCG tokens)
{
"true-mossy-garden-7ec": {
"bg": {
"$type": "color",
"$value": "#f7eed9"
},
"surface": {
"$type": "color",
"$value": "#d4c6b5"
},
"muted": {
"$type": "color",
"$value": "#c3ac99"
},
"primary": {
"$type": "color",
"$value": "#a18971"
},
"secondary": {
"$type": "color",
"$value": "#8e7a54"
},
"accent": {
"$type": "color",
"$value": "#68634b"
},
"highlight": {
"$type": "color",
"$value": "#464527"
},
"border": {
"$type": "color",
"$value": "#342e16"
},
"text": {
"$type": "color",
"$value": "#151107"
}
}
}About this palette
True Mossy Garden is a 9-color OKLCH-ready palette tagged green, gray, warm, 9 colors. Hex values: #F7EED9, #D4C6B5, #C3AC99, #A18971, #8E7A54, #68634B, #464527, #342E16, #151107. APCA contrast score Lc 9.4. 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 Mossy Garden by OKLab color distance.