Palette · 9 colors · Lc 8.9
Woodhaven Mirror palette
Woodhaven Mirror: a 9-color palette (Yellow, Gray, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #F4ECEA, #E3C7BB, #CAA291, #A8806D, #876250, #6B4838, #553523, #2D1D11, #070606, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4ECEA
surface
#E3C7BB
muted
#CAA291
primary
#A8806D
secondary
#876250
accent
#6B4838
highlight
#553523
border
#2D1D11
text
#070606
Colors in Woodhaven Mirror: HEX, RGB, HSL & OKLCH
- #F4ECEA color page →
bg
#F4ECEA
- RGB
- rgb(244 236 234)
- HSL
- hsl(12 31% 94%)
- OKLCH
- oklch(0.949 0.009 34.3)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.03:1 (AAA)
- #E3C7BB color page →
surface
#E3C7BB
- RGB
- rgb(227 199 187)
- HSL
- hsl(18 42% 81%)
- OKLCH
- oklch(0.85 0.036 44.6)
WCAG contrast: on white 1.59:1 (Fail) · on black 13.15:1 (AAA)
- #CAA291 color page →
muted
#CAA291
- RGB
- rgb(202 162 145)
- HSL
- hsl(18 35% 68%)
- OKLCH
- oklch(0.744 0.053 44.2)
WCAG contrast: on white 2.31:1 (Fail) · on black 9.08:1 (AAA)
- #A8806D color page →
primary
#A8806D
- RGB
- rgb(168 128 109)
- HSL
- hsl(19 25% 54%)
- OKLCH
- oklch(0.634 0.057 46.6)
WCAG contrast: on white 3.51:1 (Fail) · on black 5.97:1 (AA)
- #876250 color page →
secondary
#876250
- RGB
- rgb(135 98 80)
- HSL
- hsl(20 26% 42%)
- OKLCH
- oklch(0.53 0.056 47)
WCAG contrast: on white 5.39:1 (AA) · on black 3.89:1 (Fail)
- #6B4838 color page →
accent
#6B4838
- RGB
- rgb(107 72 56)
- HSL
- hsl(19 31% 32%)
- OKLCH
- oklch(0.437 0.055 45.4)
WCAG contrast: on white 8.04:1 (AAA) · on black 2.60:1 (Fail)
- #553523 color page →
highlight
#553523
- RGB
- rgb(85 53 35)
- HSL
- hsl(22 42% 24%)
- OKLCH
- oklch(0.363 0.055 49.7)
WCAG contrast: on white 10.93:1 (AAA) · on black 1.91:1 (Fail)
- #2D1D11 color page →
border
#2D1D11
- RGB
- rgb(45 29 17)
- HSL
- hsl(26 45% 12%)
- OKLCH
- oklch(0.248 0.033 57.4)
WCAG contrast: on white 16.21:1 (AAA) · on black 1.29:1 (Fail)
- #070606 color page →
text
#070606
- RGB
- rgb(7 6 6)
- HSL
- hsl(0 8% 3%)
- OKLCH
- oklch(0.124 0.002 17.5)
WCAG contrast: on white 20.23:1 (AAA) · on black 1.03:1 (Fail)
Export Woodhaven Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4ecea;
--surface: #e3c7bb;
--muted: #caa291;
--primary: #a8806d;
--secondary: #876250;
--accent: #6b4838;
--highlight: #553523;
--border: #2d1d11;
--text: #070606;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4ecea;
--color-surface: #e3c7bb;
--color-muted: #caa291;
--color-primary: #a8806d;
--color-secondary: #876250;
--color-accent: #6b4838;
--color-highlight: #553523;
--color-border: #2d1d11;
--color-text: #070606;
}JSON (DTCG tokens)
{
"woodhaven-mirror-qm": {
"bg": {
"$type": "color",
"$value": "#f4ecea"
},
"surface": {
"$type": "color",
"$value": "#e3c7bb"
},
"muted": {
"$type": "color",
"$value": "#caa291"
},
"primary": {
"$type": "color",
"$value": "#a8806d"
},
"secondary": {
"$type": "color",
"$value": "#876250"
},
"accent": {
"$type": "color",
"$value": "#6b4838"
},
"highlight": {
"$type": "color",
"$value": "#553523"
},
"border": {
"$type": "color",
"$value": "#2d1d11"
},
"text": {
"$type": "color",
"$value": "#070606"
}
}
}About this palette
Woodhaven Mirror is a 9-color OKLCH-ready palette tagged yellow, gray, warm, 9 colors. Hex values: #F4ECEA, #E3C7BB, #CAA291, #A8806D, #876250, #6B4838, #553523, #2D1D11, #070606. APCA contrast score Lc 8.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 Woodhaven Mirror by OKLab color distance.