Palette · 6 colors · Lc 8.5
Classic Warm Brown Quartz palette
Classic Warm Brown Quartz: a 6-color palette (Yellow, Warm, 6 Colors). HEX, RGB, HSL and OKLCH for #F9E2D4, #EAA79F, #D27758, #974D00, #5A2B00, #2C1305, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9E2D4
surface
#EAA79F
muted
#D27758
primary
#974D00
accent
#5A2B00
text
#2C1305
Colors in Classic Warm Brown Quartz: HEX, RGB, HSL & OKLCH
- #F9E2D4 color page →
bg
#F9E2D4
- RGB
- rgb(249 226 212)
- HSL
- hsl(23 76% 90%)
- OKLCH
- oklch(0.928 0.032 53.5)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.85:1 (AAA)
- #EAA79F color page →
surface
#EAA79F
- RGB
- rgb(234 167 159)
- HSL
- hsl(6 64% 77%)
- OKLCH
- oklch(0.79 0.081 26.7)
WCAG contrast: on white 1.99:1 (Fail) · on black 10.52:1 (AAA)
- #D27758 color page →
muted
#D27758
- RGB
- rgb(210 119 88)
- HSL
- hsl(15 58% 58%)
- OKLCH
- oklch(0.663 0.123 39.5)
WCAG contrast: on white 3.22:1 (Fail) · on black 6.51:1 (AA)
- #974D00 color page →
primary
#974D00
- RGB
- rgb(151 77 0)
- HSL
- hsl(31 100% 30%)
- OKLCH
- oklch(0.502 0.123 55.7)
WCAG contrast: on white 6.21:1 (AA) · on black 3.37:1 (Fail)
- #5A2B00 color page →
accent
#5A2B00
- RGB
- rgb(90 43 0)
- HSL
- hsl(29 100% 18%)
- OKLCH
- oklch(0.346 0.085 55.3)
WCAG contrast: on white 11.79:1 (AAA) · on black 1.78:1 (Fail)
- #2C1305 color page →
text
#2C1305
- RGB
- rgb(44 19 5)
- HSL
- hsl(22 80% 10%)
- OKLCH
- oklch(0.221 0.048 49.1)
WCAG contrast: on white 17.46:1 (AAA) · on black 1.20:1 (Fail)
Export Classic Warm Brown Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9e2d4;
--surface: #eaa79f;
--muted: #d27758;
--primary: #974d00;
--accent: #5a2b00;
--text: #2c1305;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9e2d4;
--color-surface: #eaa79f;
--color-muted: #d27758;
--color-primary: #974d00;
--color-accent: #5a2b00;
--color-text: #2c1305;
}JSON (DTCG tokens)
{
"classic-warm-brown-quartz-cf": {
"bg": {
"$type": "color",
"$value": "#f9e2d4"
},
"surface": {
"$type": "color",
"$value": "#eaa79f"
},
"muted": {
"$type": "color",
"$value": "#d27758"
},
"primary": {
"$type": "color",
"$value": "#974d00"
},
"accent": {
"$type": "color",
"$value": "#5a2b00"
},
"text": {
"$type": "color",
"$value": "#2c1305"
}
}
}About this palette
Classic Warm Brown Quartz is a 6-color OKLCH-ready palette tagged yellow, warm, 6 colors. Hex values: #F9E2D4, #EAA79F, #D27758, #974D00, #5A2B00, #2C1305. APCA contrast score Lc 8.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 Classic Warm Brown Quartz by OKLab color distance.