Palette · 4 colors · Lc 9.1
True Outback Quartz palette
True Outback Quartz: a 4-color palette (Green, Gray, Warm, Nature). HEX, RGB, HSL and OKLCH for #F5F2EE, #C3A177, #5A3422, #271308, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5F2EE
surface
#C3A177
accent
#5A3422
text
#271308
Colors in True Outback Quartz: HEX, RGB, HSL & OKLCH
- #F5F2EE color page →
bg
#F5F2EE
- RGB
- rgb(245 242 238)
- HSL
- hsl(34 26% 95%)
- OKLCH
- oklch(0.962 0.006 75.4)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.81:1 (AAA)
- #C3A177 color page →
surface
#C3A177
- RGB
- rgb(195 161 119)
- HSL
- hsl(33 39% 62%)
- OKLCH
- oklch(0.73 0.069 72.3)
WCAG contrast: on white 2.41:1 (Fail) · on black 8.68:1 (AAA)
- #5A3422 color page →
accent
#5A3422
- RGB
- rgb(90 52 34)
- HSL
- hsl(19 45% 24%)
- OKLCH
- oklch(0.368 0.062 45.6)
WCAG contrast: on white 10.77:1 (AAA) · on black 1.94:1 (Fail)
- #271308 color page →
text
#271308
- RGB
- rgb(39 19 8)
- HSL
- hsl(21 66% 9%)
- OKLCH
- oklch(0.212 0.039 48.8)
WCAG contrast: on white 17.75:1 (AAA) · on black 1.18:1 (Fail)
Export True Outback Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5f2ee;
--surface: #c3a177;
--accent: #5a3422;
--text: #271308;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5f2ee;
--color-surface: #c3a177;
--color-accent: #5a3422;
--color-text: #271308;
}JSON (DTCG tokens)
{
"true-outback-quartz-1gn": {
"bg": {
"$type": "color",
"$value": "#f5f2ee"
},
"surface": {
"$type": "color",
"$value": "#c3a177"
},
"accent": {
"$type": "color",
"$value": "#5a3422"
},
"text": {
"$type": "color",
"$value": "#271308"
}
}
}About this palette
True Outback Quartz is a 4-color OKLCH-ready palette tagged green, gray, warm, nature, brown, 4 colors. Hex values: #F5F2EE, #C3A177, #5A3422, #271308. APCA contrast score Lc 9.1. 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 Outback Quartz by OKLab color distance.