Palette · 5 colors · Lc 9
Mellow Mango Grove palette
Mellow Mango Grove: a 5-color palette (Yellow, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F7E7D8, #E59F3B, #D34B00, #7F3E00, #2D2416, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7E7D8
surface
#E59F3B
primary
#D34B00
accent
#7F3E00
text
#2D2416
Colors in Mellow Mango Grove: HEX, RGB, HSL & OKLCH
- #F7E7D8 color page →
bg
#F7E7D8
- RGB
- rgb(247 231 216)
- HSL
- hsl(29 66% 91%)
- OKLCH
- oklch(0.937 0.027 65.7)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.37:1 (AAA)
- #E59F3B color page →
surface
#E59F3B
- RGB
- rgb(229 159 59)
- HSL
- hsl(35 77% 56%)
- OKLCH
- oklch(0.754 0.139 71.9)
WCAG contrast: on white 2.24:1 (Fail) · on black 9.35:1 (AAA)
- #D34B00 color page →
primary
#D34B00
- RGB
- rgb(211 75 0)
- HSL
- hsl(21 100% 41%)
- OKLCH
- oklch(0.593 0.184 40.7)
WCAG contrast: on white 4.39:1 (Fail) · on black 4.77:1 (AA)
- #7F3E00 color page →
accent
#7F3E00
- RGB
- rgb(127 62 0)
- HSL
- hsl(29 100% 25%)
- OKLCH
- oklch(0.439 0.11 54.3)
WCAG contrast: on white 8.10:1 (AAA) · on black 2.59:1 (Fail)
- #2D2416 color page →
text
#2D2416
- RGB
- rgb(45 36 22)
- HSL
- hsl(37 34% 13%)
- OKLCH
- oklch(0.266 0.028 78.2)
WCAG contrast: on white 15.26:1 (AAA) · on black 1.37:1 (Fail)
Export Mellow Mango Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7e7d8;
--surface: #e59f3b;
--primary: #d34b00;
--accent: #7f3e00;
--text: #2d2416;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7e7d8;
--color-surface: #e59f3b;
--color-primary: #d34b00;
--color-accent: #7f3e00;
--color-text: #2d2416;
}JSON (DTCG tokens)
{
"mellow-mango-grove-3zp": {
"bg": {
"$type": "color",
"$value": "#f7e7d8"
},
"surface": {
"$type": "color",
"$value": "#e59f3b"
},
"primary": {
"$type": "color",
"$value": "#d34b00"
},
"accent": {
"$type": "color",
"$value": "#7f3e00"
},
"text": {
"$type": "color",
"$value": "#2d2416"
}
}
}About this palette
Mellow Mango Grove is a 5-color OKLCH-ready palette tagged yellow, warm, 5 colors. Hex values: #F7E7D8, #E59F3B, #D34B00, #7F3E00, #2D2416. 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 Mellow Mango Grove by OKLab color distance.