Palette · 7 colors · Lc 8.5
Mellow Mango Glacier palette
Mellow Mango Glacier: a 7-color palette (Orange, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #FDEADA, #F6AB88, #F07E2B, #D54800, #954300, #662800, #301200, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FDEADA
surface
#F6AB88
muted
#F07E2B
primary
#D54800
secondary
#954300
accent
#662800
text
#301200
Colors in Mellow Mango Glacier: HEX, RGB, HSL & OKLCH
- #FDEADA color page →
bg
#FDEADA
- RGB
- rgb(253 234 218)
- HSL
- hsl(27 90% 92%)
- OKLCH
- oklch(0.948 0.03 62.6)
WCAG contrast: on white 1.16:1 (Fail) · on black 17.95:1 (AAA)
- #F6AB88 color page →
surface
#F6AB88
- RGB
- rgb(246 171 136)
- HSL
- hsl(19 86% 75%)
- OKLCH
- oklch(0.805 0.101 45.9)
WCAG contrast: on white 1.89:1 (Fail) · on black 11.09:1 (AAA)
- #F07E2B color page →
muted
#F07E2B
- RGB
- rgb(240 126 43)
- HSL
- hsl(25 87% 55%)
- OKLCH
- oklch(0.71 0.166 51.5)
WCAG contrast: on white 2.71:1 (Fail) · on black 7.72:1 (AAA)
- #D54800 color page →
primary
#D54800
- RGB
- rgb(213 72 0)
- HSL
- hsl(20 100% 42%)
- OKLCH
- oklch(0.593 0.188 39.5)
WCAG contrast: on white 4.41:1 (Fail) · on black 4.75:1 (AA)
- #954300 color page →
secondary
#954300
- RGB
- rgb(149 67 0)
- HSL
- hsl(27 100% 29%)
- OKLCH
- oklch(0.482 0.128 49.6)
WCAG contrast: on white 6.81:1 (AA) · on black 3.08:1 (Fail)
- #662800 color page →
accent
#662800
- RGB
- rgb(102 40 0)
- HSL
- hsl(24 100% 20%)
- OKLCH
- oklch(0.361 0.101 46.5)
WCAG contrast: on white 11.23:1 (AAA) · on black 1.86:1 (Fail)
- #301200 color page →
text
#301200
- RGB
- rgb(48 18 0)
- HSL
- hsl(23 100% 9%)
- OKLCH
- oklch(0.225 0.058 51.7)
WCAG contrast: on white 17.32:1 (AAA) · on black 1.21:1 (Fail)
Export Mellow Mango Glacier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fdeada;
--surface: #f6ab88;
--muted: #f07e2b;
--primary: #d54800;
--secondary: #954300;
--accent: #662800;
--text: #301200;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fdeada;
--color-surface: #f6ab88;
--color-muted: #f07e2b;
--color-primary: #d54800;
--color-secondary: #954300;
--color-accent: #662800;
--color-text: #301200;
}JSON (DTCG tokens)
{
"mellow-mango-glacier-6kt": {
"bg": {
"$type": "color",
"$value": "#fdeada"
},
"surface": {
"$type": "color",
"$value": "#f6ab88"
},
"muted": {
"$type": "color",
"$value": "#f07e2b"
},
"primary": {
"$type": "color",
"$value": "#d54800"
},
"secondary": {
"$type": "color",
"$value": "#954300"
},
"accent": {
"$type": "color",
"$value": "#662800"
},
"text": {
"$type": "color",
"$value": "#301200"
}
}
}About this palette
Mellow Mango Glacier is a 7-color OKLCH-ready palette tagged orange, warm, 7 colors. Hex values: #FDEADA, #F6AB88, #F07E2B, #D54800, #954300, #662800, #301200. APCA contrast score Lc 8.5. 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 Glacier by OKLab color distance.