Palette · 4 colors · Lc 9.2
Low Walnut Quartz palette
Low Walnut Quartz: a 4-color palette (Trending, Yellow, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #F9EEEA, #CB8C73, #723819, #0E0400, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9EEEA
surface
#CB8C73
accent
#723819
text
#0E0400
Colors in Low Walnut Quartz: HEX, RGB, HSL & OKLCH
- #F9EEEA color page →
bg
#F9EEEA
- RGB
- rgb(249 238 234)
- HSL
- hsl(16 56% 95%)
- OKLCH
- oklch(0.957 0.013 41.2)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.44:1 (AAA)
- #CB8C73 color page →
surface
#CB8C73
- RGB
- rgb(203 140 115)
- HSL
- hsl(17 46% 62%)
- OKLCH
- oklch(0.697 0.085 42.5)
WCAG contrast: on white 2.78:1 (Fail) · on black 7.53:1 (AAA)
- #723819 color page →
accent
#723819
- RGB
- rgb(114 56 25)
- HSL
- hsl(21 64% 27%)
- OKLCH
- oklch(0.41 0.092 46.5)
WCAG contrast: on white 9.14:1 (AAA) · on black 2.29:1 (Fail)
- #0E0400 color page →
text
#0E0400
- RGB
- rgb(14 4 0)
- HSL
- hsl(17 100% 3%)
- OKLCH
- oklch(0.124 0.029 59.9)
WCAG contrast: on white 20.26:1 (AAA) · on black 1.03:1 (Fail)
Export Low Walnut Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9eeea;
--surface: #cb8c73;
--accent: #723819;
--text: #0e0400;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9eeea;
--color-surface: #cb8c73;
--color-accent: #723819;
--color-text: #0e0400;
}JSON (DTCG tokens)
{
"low-walnut-quartz-3vw": {
"bg": {
"$type": "color",
"$value": "#f9eeea"
},
"surface": {
"$type": "color",
"$value": "#cb8c73"
},
"accent": {
"$type": "color",
"$value": "#723819"
},
"text": {
"$type": "color",
"$value": "#0e0400"
}
}
}About this palette
Low Walnut Quartz is a 4-color OKLCH-ready palette tagged trending, yellow, warm, 4 colors. Hex values: #F9EEEA, #CB8C73, #723819, #0E0400. APCA contrast score Lc 9.2. 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 Low Walnut Quartz by OKLab color distance.