Palette · 3 colors · Lc 9
Steady Woodgrain Quartz palette
Steady Woodgrain Quartz: a 3-color palette (Yellow, Gray, Warm, Nature). HEX, RGB, HSL and OKLCH for #F8EEDC, #9A6634, #25180F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8EEDC
accent
#9A6634
text
#25180F
Colors in Steady Woodgrain Quartz: HEX, RGB, HSL & OKLCH
- #F8EEDC color page →
bg
#F8EEDC
- RGB
- rgb(248 238 220)
- HSL
- hsl(39 67% 92%)
- OKLCH
- oklch(0.952 0.026 82.4)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.25:1 (AAA)
- #9A6634 color page →
accent
#9A6634
- RGB
- rgb(154 102 52)
- HSL
- hsl(29 50% 40%)
- OKLCH
- oklch(0.556 0.094 62.6)
WCAG contrast: on white 4.85:1 (AA) · on black 4.32:1 (Fail)
- #25180F color page →
text
#25180F
- RGB
- rgb(37 24 15)
- HSL
- hsl(25 42% 10%)
- OKLCH
- oklch(0.223 0.027 55.6)
WCAG contrast: on white 17.26:1 (AAA) · on black 1.21:1 (Fail)
Export Steady Woodgrain Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8eedc;
--accent: #9a6634;
--text: #25180f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8eedc;
--color-accent: #9a6634;
--color-text: #25180f;
}JSON (DTCG tokens)
{
"steady-woodgrain-quartz-3jj": {
"bg": {
"$type": "color",
"$value": "#f8eedc"
},
"accent": {
"$type": "color",
"$value": "#9a6634"
},
"text": {
"$type": "color",
"$value": "#25180f"
}
}
}About this palette
Steady Woodgrain Quartz is a 3-color OKLCH-ready palette tagged yellow, gray, warm, nature, brown, 3 colors. Hex values: #F8EEDC, #9A6634, #25180F. APCA contrast score Lc 9. 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 Steady Woodgrain Quartz by OKLab color distance.