Palette · 4 colors · Lc 8
Muted Brown Tide palette
Muted Brown Tide: a 4-color palette (Yellow, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #E9E1DF, #E79D9A, #6F3900, #240E08, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E9E1DF
surface
#E79D9A
accent
#6F3900
text
#240E08
Colors in Muted Brown Tide: HEX, RGB, HSL & OKLCH
- #E9E1DF color page →
bg
#E9E1DF
- RGB
- rgb(233 225 223)
- HSL
- hsl(12 19% 89%)
- OKLCH
- oklch(0.915 0.009 34.3)
WCAG contrast: on white 1.28:1 (Fail) · on black 16.30:1 (AAA)
- #E79D9A color page →
surface
#E79D9A
- RGB
- rgb(231 157 154)
- HSL
- hsl(2 62% 75%)
- OKLCH
- oklch(0.768 0.089 21.9)
WCAG contrast: on white 2.16:1 (Fail) · on black 9.68:1 (AAA)
- #6F3900 color page →
accent
#6F3900
- RGB
- rgb(111 57 0)
- HSL
- hsl(31 100% 22%)
- OKLCH
- oklch(0.406 0.097 57.7)
WCAG contrast: on white 9.28:1 (AAA) · on black 2.26:1 (Fail)
- #240E08 color page →
text
#240E08
- RGB
- rgb(36 14 8)
- HSL
- hsl(13 64% 9%)
- OKLCH
- oklch(0.196 0.039 36.5)
WCAG contrast: on white 18.39:1 (AAA) · on black 1.14:1 (Fail)
Export Muted Brown Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9e1df;
--surface: #e79d9a;
--accent: #6f3900;
--text: #240e08;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9e1df;
--color-surface: #e79d9a;
--color-accent: #6f3900;
--color-text: #240e08;
}JSON (DTCG tokens)
{
"muted-brown-tide-4x7": {
"bg": {
"$type": "color",
"$value": "#e9e1df"
},
"surface": {
"$type": "color",
"$value": "#e79d9a"
},
"accent": {
"$type": "color",
"$value": "#6f3900"
},
"text": {
"$type": "color",
"$value": "#240e08"
}
}
}About this palette
Muted Brown Tide is a 4-color OKLCH-ready palette tagged yellow, warm, 4 colors. Hex values: #E9E1DF, #E79D9A, #6F3900, #240E08. APCA contrast score Lc 8. 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 Tide by OKLab color distance.