Palette · 7 colors · Lc 8.1
Steady Mellow Mango Bloom palette
Steady Mellow Mango Bloom: a 7-color palette (Orange, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #EFE2D8, #F6AA6D, #ED710E, #D34700, #953F00, #5E1700, #300C00, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EFE2D8
surface
#F6AA6D
muted
#ED710E
primary
#D34700
secondary
#953F00
accent
#5E1700
text
#300C00
Colors in Steady Mellow Mango Bloom: HEX, RGB, HSL & OKLCH
- #EFE2D8 color page →
bg
#EFE2D8
- RGB
- rgb(239 226 216)
- HSL
- hsl(26 42% 89%)
- OKLCH
- oklch(0.92 0.02 60.2)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.54:1 (AAA)
- #F6AA6D color page →
surface
#F6AA6D
- RGB
- rgb(246 170 109)
- HSL
- hsl(27 88% 70%)
- OKLCH
- oklch(0.799 0.118 58.7)
WCAG contrast: on white 1.92:1 (Fail) · on black 10.88:1 (AAA)
- #ED710E color page →
muted
#ED710E
- RGB
- rgb(237 113 14)
- HSL
- hsl(27 89% 49%)
- OKLCH
- oklch(0.684 0.178 49.8)
WCAG contrast: on white 3.01:1 (Fail) · on black 6.96:1 (AA)
- #D34700 color page →
primary
#D34700
- RGB
- rgb(211 71 0)
- HSL
- hsl(20 100% 41%)
- OKLCH
- oklch(0.588 0.187 39.5)
WCAG contrast: on white 4.49:1 (Fail) · on black 4.67:1 (AA)
- #953F00 color page →
secondary
#953F00
- RGB
- rgb(149 63 0)
- HSL
- hsl(25 100% 29%)
- OKLCH
- oklch(0.476 0.131 47.2)
WCAG contrast: on white 7.02:1 (AAA) · on black 2.98:1 (Fail)
- #5E1700 color page →
accent
#5E1700
- RGB
- rgb(94 23 0)
- HSL
- hsl(15 100% 18%)
- OKLCH
- oklch(0.322 0.107 37.2)
WCAG contrast: on white 13.13:1 (AAA) · on black 1.59:1 (Fail)
- #300C00 color page →
text
#300C00
- RGB
- rgb(48 12 0)
- HSL
- hsl(15 100% 9%)
- OKLCH
- oklch(0.214 0.064 42.5)
WCAG contrast: on white 17.82:1 (AAA) · on black 1.17:1 (Fail)
Export Steady Mellow Mango Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #efe2d8;
--surface: #f6aa6d;
--muted: #ed710e;
--primary: #d34700;
--secondary: #953f00;
--accent: #5e1700;
--text: #300c00;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #efe2d8;
--color-surface: #f6aa6d;
--color-muted: #ed710e;
--color-primary: #d34700;
--color-secondary: #953f00;
--color-accent: #5e1700;
--color-text: #300c00;
}JSON (DTCG tokens)
{
"steady-mellow-mango-bloom-1ss": {
"bg": {
"$type": "color",
"$value": "#efe2d8"
},
"surface": {
"$type": "color",
"$value": "#f6aa6d"
},
"muted": {
"$type": "color",
"$value": "#ed710e"
},
"primary": {
"$type": "color",
"$value": "#d34700"
},
"secondary": {
"$type": "color",
"$value": "#953f00"
},
"accent": {
"$type": "color",
"$value": "#5e1700"
},
"text": {
"$type": "color",
"$value": "#300c00"
}
}
}About this palette
Steady Mellow Mango Bloom is a 7-color OKLCH-ready palette tagged orange, warm, 7 colors. Hex values: #EFE2D8, #F6AA6D, #ED710E, #D34700, #953F00, #5E1700, #300C00. APCA contrast score Lc 8.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 Steady Mellow Mango Bloom by OKLab color distance.