Palette · 5 colors · Lc 9.7
Classic Mellow Melon Meadow palette
Classic Mellow Melon Meadow: a 5-color palette (Red, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #FFF1F5, #F7A0B9, #E53768, #85324F, #312024, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF1F5
surface
#F7A0B9
primary
#E53768
accent
#85324F
text
#312024
Colors in Classic Mellow Melon Meadow: HEX, RGB, HSL & OKLCH
- #FFF1F5 color page →
bg
#FFF1F5
- RGB
- rgb(255 241 245)
- HSL
- hsl(343 100% 97%)
- OKLCH
- oklch(0.97 0.016 358)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.15:1 (AAA)
- #F7A0B9 color page →
surface
#F7A0B9
- RGB
- rgb(247 160 185)
- HSL
- hsl(343 84% 80%)
- OKLCH
- oklch(0.799 0.107 1.1)
WCAG contrast: on white 1.96:1 (Fail) · on black 10.68:1 (AAA)
- #E53768 color page →
primary
#E53768
- RGB
- rgb(229 55 104)
- HSL
- hsl(343 77% 56%)
- OKLCH
- oklch(0.616 0.21 9.8)
WCAG contrast: on white 4.13:1 (Fail) · on black 5.07:1 (AA)
- #85324F color page →
accent
#85324F
- RGB
- rgb(133 50 79)
- HSL
- hsl(339 45% 36%)
- OKLCH
- oklch(0.443 0.117 1.4)
WCAG contrast: on white 8.18:1 (AAA) · on black 2.56:1 (Fail)
- #312024 color page →
text
#312024
- RGB
- rgb(49 32 36)
- HSL
- hsl(346 21% 16%)
- OKLCH
- oklch(0.266 0.027 3.6)
WCAG contrast: on white 15.41:1 (AAA) · on black 1.36:1 (Fail)
Export Classic Mellow Melon Meadow: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff1f5;
--surface: #f7a0b9;
--primary: #e53768;
--accent: #85324f;
--text: #312024;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff1f5;
--color-surface: #f7a0b9;
--color-primary: #e53768;
--color-accent: #85324f;
--color-text: #312024;
}JSON (DTCG tokens)
{
"classic-mellow-melon-meadow-4on": {
"bg": {
"$type": "color",
"$value": "#fff1f5"
},
"surface": {
"$type": "color",
"$value": "#f7a0b9"
},
"primary": {
"$type": "color",
"$value": "#e53768"
},
"accent": {
"$type": "color",
"$value": "#85324f"
},
"text": {
"$type": "color",
"$value": "#312024"
}
}
}About this palette
Classic Mellow Melon Meadow is a 5-color OKLCH-ready palette tagged red, warm, 5 colors. Hex values: #FFF1F5, #F7A0B9, #E53768, #85324F, #312024. APCA contrast score Lc 9.7. 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 Classic Mellow Melon Meadow by OKLab color distance.