Palette · 4 colors · Lc 9.1
Mars Prism palette
Mars Prism: a 4-color palette (Yellow, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #FFEDE5, #B26341, #415F89, #221109, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFEDE5
surface
#B26341
accent
#415F89
text
#221109
Colors in Mars Prism: HEX, RGB, HSL & OKLCH
- #FFEDE5 color page →
bg
#FFEDE5
- RGB
- rgb(255 237 229)
- HSL
- hsl(18 100% 95%)
- OKLCH
- oklch(0.958 0.022 45.6)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.49:1 (AAA)
- #B26341 color page →
surface
#B26341
- RGB
- rgb(178 99 65)
- HSL
- hsl(18 47% 48%)
- OKLCH
- oklch(0.583 0.113 43.4)
WCAG contrast: on white 4.41:1 (Fail) · on black 4.75:1 (AA)
- #415F89 color page →
accent
#415F89
- RGB
- rgb(65 95 137)
- HSL
- hsl(215 36% 40%)
- OKLCH
- oklch(0.481 0.077 256.9)
WCAG contrast: on white 6.51:1 (AA) · on black 3.22:1 (Fail)
- #221109 color page →
text
#221109
- RGB
- rgb(34 17 9)
- HSL
- hsl(19 58% 8%)
- OKLCH
- oklch(0.2 0.032 45.7)
WCAG contrast: on white 18.22:1 (AAA) · on black 1.15:1 (Fail)
Export Mars Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffede5;
--surface: #b26341;
--accent: #415f89;
--text: #221109;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffede5;
--color-surface: #b26341;
--color-accent: #415f89;
--color-text: #221109;
}JSON (DTCG tokens)
{
"mars-prism-4ng": {
"bg": {
"$type": "color",
"$value": "#ffede5"
},
"surface": {
"$type": "color",
"$value": "#b26341"
},
"accent": {
"$type": "color",
"$value": "#415f89"
},
"text": {
"$type": "color",
"$value": "#221109"
}
}
}About this palette
Mars Prism is a 4-color OKLCH-ready palette tagged yellow, warm, 4 colors. Hex values: #FFEDE5, #B26341, #415F89, #221109. 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 Mars Prism by OKLab color distance.