Palette · 10 colors · Lc 9.2
Neon Munch on Melon Signal palette
Neon Munch on Melon Signal: a 10-color palette (Red, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #F7E3E5, #FFC2D4, #FF8EBB, #F4659A, #F33664, #D0002F, #B20000, #890300, #5C000D, #2E030C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7E3E5
surface
#FFC2D4
muted
#FF8EBB
primary
#F4659A
secondary
#F33664
accent
#D0002F
highlight
#B20000
border
#890300
focus
#5C000D
text
#2E030C
Colors in Neon Munch on Melon Signal: HEX, RGB, HSL & OKLCH
- #F7E3E5 color page →
bg
#F7E3E5
- RGB
- rgb(247 227 229)
- HSL
- hsl(354 56% 93%)
- OKLCH
- oklch(0.932 0.022 10.6)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.07:1 (AAA)
- #FFC2D4 color page →
surface
#FFC2D4
- RGB
- rgb(255 194 212)
- HSL
- hsl(342 100% 88%)
- OKLCH
- oklch(0.874 0.073 359.3)
WCAG contrast: on white 1.50:1 (Fail) · on black 13.91:1 (AAA)
- #FF8EBB color page →
muted
#FF8EBB
- RGB
- rgb(255 142 187)
- HSL
- hsl(336 100% 78%)
- OKLCH
- oklch(0.781 0.145 355.7)
WCAG contrast: on white 2.13:1 (Fail) · on black 9.83:1 (AAA)
- #F4659A color page →
primary
#F4659A
- RGB
- rgb(244 101 154)
- HSL
- hsl(338 87% 68%)
- OKLCH
- oklch(0.7 0.182 359.8)
WCAG contrast: on white 2.92:1 (Fail) · on black 7.17:1 (AAA)
- #F33664 color page →
secondary
#F33664
- RGB
- rgb(243 54 100)
- HSL
- hsl(345 89% 58%)
- OKLCH
- oklch(0.638 0.222 13)
WCAG contrast: on white 3.80:1 (Fail) · on black 5.52:1 (AA)
- #D0002F color page →
accent
#D0002F
- RGB
- rgb(208 0 47)
- HSL
- hsl(346 100% 41%)
- OKLCH
- oklch(0.542 0.218 21.8)
WCAG contrast: on white 5.64:1 (AA) · on black 3.72:1 (Fail)
- #B20000 color page →
highlight
#B20000
- RGB
- rgb(178 0 0)
- HSL
- hsl(0 100% 35%)
- OKLCH
- oklch(0.479 0.197 29.2)
WCAG contrast: on white 7.25:1 (AAA) · on black 2.89:1 (Fail)
- #890300 color page →
border
#890300
- RGB
- rgb(137 3 0)
- HSL
- hsl(1 100% 27%)
- OKLCH
- oklch(0.397 0.161 29.6)
WCAG contrast: on white 10.11:1 (AAA) · on black 2.07:1 (Fail)
- #5C000D color page →
focus
#5C000D
- RGB
- rgb(92 0 13)
- HSL
- hsl(352 100% 18%)
- OKLCH
- oklch(0.3 0.121 22.9)
WCAG contrast: on white 14.37:1 (AAA) · on black 1.46:1 (Fail)
- #2E030C color page →
text
#2E030C
- RGB
- rgb(46 3 12)
- HSL
- hsl(347 88% 10%)
- OKLCH
- oklch(0.198 0.071 13.2)
WCAG contrast: on white 18.51:1 (AAA) · on black 1.13:1 (Fail)
Export Neon Munch on Melon Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7e3e5;
--surface: #ffc2d4;
--muted: #ff8ebb;
--primary: #f4659a;
--secondary: #f33664;
--accent: #d0002f;
--highlight: #b20000;
--border: #890300;
--focus: #5c000d;
--text: #2e030c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7e3e5;
--color-surface: #ffc2d4;
--color-muted: #ff8ebb;
--color-primary: #f4659a;
--color-secondary: #f33664;
--color-accent: #d0002f;
--color-highlight: #b20000;
--color-border: #890300;
--color-focus: #5c000d;
--color-text: #2e030c;
}JSON (DTCG tokens)
{
"neon-munch-on-melon-signal-7gr": {
"bg": {
"$type": "color",
"$value": "#f7e3e5"
},
"surface": {
"$type": "color",
"$value": "#ffc2d4"
},
"muted": {
"$type": "color",
"$value": "#ff8ebb"
},
"primary": {
"$type": "color",
"$value": "#f4659a"
},
"secondary": {
"$type": "color",
"$value": "#f33664"
},
"accent": {
"$type": "color",
"$value": "#d0002f"
},
"highlight": {
"$type": "color",
"$value": "#b20000"
},
"border": {
"$type": "color",
"$value": "#890300"
},
"focus": {
"$type": "color",
"$value": "#5c000d"
},
"text": {
"$type": "color",
"$value": "#2e030c"
}
}
}About this palette
Neon Munch on Melon Signal is a 10-color OKLCH-ready palette tagged red, warm, 10 colors. Hex values: #F7E3E5, #FFC2D4, #FF8EBB, #F4659A, #F33664, #D0002F, #B20000, #890300, #5C000D, #2E030C. APCA contrast score Lc 9.2. 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 Neon Munch on Melon Signal by OKLab color distance.