Palette · 4 colors · Lc 9
Clear Mango Madness Lattice palette
Clear Mango Madness Lattice: a 4-color palette (Yellow, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #FBEBDB, #FB8F23, #7A3600, #350E00, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FBEBDB
surface
#FB8F23
accent
#7A3600
text
#350E00
Colors in Clear Mango Madness Lattice: HEX, RGB, HSL & OKLCH
- #FBEBDB color page →
bg
#FBEBDB
- RGB
- rgb(251 235 219)
- HSL
- hsl(30 80% 92%)
- OKLCH
- oklch(0.949 0.027 67.5)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.00:1 (AAA)
- #FB8F23 color page →
surface
#FB8F23
- RGB
- rgb(251 143 35)
- HSL
- hsl(30 96% 56%)
- OKLCH
- oklch(0.751 0.169 58.4)
WCAG contrast: on white 2.31:1 (Fail) · on black 9.05:1 (AAA)
- #7A3600 color page →
accent
#7A3600
- RGB
- rgb(122 54 0)
- HSL
- hsl(27 100% 24%)
- OKLCH
- oklch(0.418 0.11 50)
WCAG contrast: on white 8.91:1 (AAA) · on black 2.35:1 (Fail)
- #350E00 color page →
text
#350E00
- RGB
- rgb(53 14 0)
- HSL
- hsl(16 100% 10%)
- OKLCH
- oklch(0.227 0.068 42.4)
WCAG contrast: on white 17.29:1 (AAA) · on black 1.21:1 (Fail)
Export Clear Mango Madness Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fbebdb;
--surface: #fb8f23;
--accent: #7a3600;
--text: #350e00;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fbebdb;
--color-surface: #fb8f23;
--color-accent: #7a3600;
--color-text: #350e00;
}JSON (DTCG tokens)
{
"clear-mango-madness-lattice-2fa": {
"bg": {
"$type": "color",
"$value": "#fbebdb"
},
"surface": {
"$type": "color",
"$value": "#fb8f23"
},
"accent": {
"$type": "color",
"$value": "#7a3600"
},
"text": {
"$type": "color",
"$value": "#350e00"
}
}
}About this palette
Clear Mango Madness Lattice is a 4-color OKLCH-ready palette tagged yellow, warm, 4 colors. Hex values: #FBEBDB, #FB8F23, #7A3600, #350E00. 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 Clear Mango Madness Lattice by OKLab color distance.