Palette · 5 colors · Lc 10
Mars Fog palette
Mars Fog: a 5-color palette (Yellow, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #FFF4E8, #C9A180, #A76240, #5E332D, #1D0C08, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF4E8
surface
#C9A180
primary
#A76240
accent
#5E332D
text
#1D0C08
Colors in Mars Fog: HEX, RGB, HSL & OKLCH
- #FFF4E8 color page →
bg
#FFF4E8
- RGB
- rgb(255 244 232)
- HSL
- hsl(31 100% 95%)
- OKLCH
- oklch(0.973 0.02 70)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.35:1 (AAA)
- #C9A180 color page →
surface
#C9A180
- RGB
- rgb(201 161 128)
- HSL
- hsl(27 40% 65%)
- OKLCH
- oklch(0.737 0.066 61.1)
WCAG contrast: on white 2.36:1 (Fail) · on black 8.89:1 (AAA)
- #A76240 color page →
primary
#A76240
- RGB
- rgb(167 98 64)
- HSL
- hsl(20 45% 45%)
- OKLCH
- oklch(0.567 0.102 46.3)
WCAG contrast: on white 4.70:1 (AA) · on black 4.46:1 (Fail)
- #5E332D color page →
accent
#5E332D
- RGB
- rgb(94 51 45)
- HSL
- hsl(7 35% 27%)
- OKLCH
- oklch(0.374 0.063 28.9)
WCAG contrast: on white 10.56:1 (AAA) · on black 1.98:1 (Fail)
- #1D0C08 color page →
text
#1D0C08
- RGB
- rgb(29 12 8)
- HSL
- hsl(11 57% 7%)
- OKLCH
- oklch(0.179 0.031 34.6)
WCAG contrast: on white 18.94:1 (AAA) · on black 1.10:1 (Fail)
Export Mars Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff4e8;
--surface: #c9a180;
--primary: #a76240;
--accent: #5e332d;
--text: #1d0c08;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff4e8;
--color-surface: #c9a180;
--color-primary: #a76240;
--color-accent: #5e332d;
--color-text: #1d0c08;
}JSON (DTCG tokens)
{
"mars-fog-194": {
"bg": {
"$type": "color",
"$value": "#fff4e8"
},
"surface": {
"$type": "color",
"$value": "#c9a180"
},
"primary": {
"$type": "color",
"$value": "#a76240"
},
"accent": {
"$type": "color",
"$value": "#5e332d"
},
"text": {
"$type": "color",
"$value": "#1d0c08"
}
}
}About this palette
Mars Fog is a 5-color OKLCH-ready palette tagged yellow, warm, nature, brown, 5 colors. Hex values: #FFF4E8, #C9A180, #A76240, #5E332D, #1D0C08. APCA contrast score Lc 10. 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 Mars Fog by OKLab color distance.