Palette · 2 colors · Lc 9
Muted Brown Harbor palette
Muted Brown Harbor: a 2-color palette (Yellow, Gray, Warm, 2 Colors). HEX, RGB, HSL and OKLCH for #F4F3F1, #6F3C00, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
primary
#F4F3F1
secondary
#6F3C00
Colors in Muted Brown Harbor: HEX, RGB, HSL & OKLCH
- #F4F3F1 color page →
primary
#F4F3F1
- RGB
- rgb(244 243 241)
- HSL
- hsl(40 12% 95%)
- OKLCH
- oklch(0.964 0.003 84.6)
WCAG contrast: on white 1.10:1 (Fail) · on black 18.93:1 (AAA)
- #6F3C00 color page →
secondary
#6F3C00
- RGB
- rgb(111 60 0)
- HSL
- hsl(32 100% 22%)
- OKLCH
- oklch(0.411 0.096 60.8)
WCAG contrast: on white 9.04:1 (AAA) · on black 2.32:1 (Fail)
Export Muted Brown Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--primary: #f4f3f1;
--secondary: #6f3c00;
}Tailwind CSS v4 @theme
@theme {
--color-primary: #f4f3f1;
--color-secondary: #6f3c00;
}JSON (DTCG tokens)
{
"muted-brown-harbor-69t": {
"primary": {
"$type": "color",
"$value": "#f4f3f1"
},
"secondary": {
"$type": "color",
"$value": "#6f3c00"
}
}
}About this palette
Muted Brown Harbor is a 2-color OKLCH-ready palette tagged yellow, gray, warm, 2 colors, pair. Hex values: #F4F3F1, #6F3C00. 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 Muted Brown Harbor by OKLab color distance.