Delicious Melon

SW 6646 / Sherwin-Williams
#F5C894

A refined, saturated neutral tone that reads differently in every light condition.

Spec Sheet

Hex#F5C894
RGB245, 200, 148
HSL32°, 83%, 77%
On White 1.55:1 Fail
On Black 13.57:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool
Use these colors for all components:

Background: #F2F0ED
Text: #1C150D
Accent: #F5C894
Support: #5A86BA
Neutral: #C4C4B5

Rules:
- Use Background for surfaces and canvas
- Use Ink for body text and icons
- Never use Accent as body text — contrast is too low
- Maintain 4.5:1 minimum contrast for normal text
Learn more about AI Palette

Design System from Delicious Melon Palettes are free. Exports aren't.

#F2F0ED background RGB 242 240 237
#1C150D ink RGB 28 21 13
#F5C894 accent RGB 245 200 148
#5A86BA support RGB 90 134 186
#C4C4B5 neutral RGB 196 196 181
Processed in 0ms

CSS Variables

:root {
  --palette-background: #F2F0ED;
  --palette-ink: #1C150D;
  --palette-accent: #F5C894;
  --palette-support: #5A86BA;
  --palette-neutral: #C4C4B5;
}

Tailwind Config

{
  "palette-background": "#F2F0ED",
  "palette-ink": "#1C150D",
  "palette-accent": "#F5C894",
  "palette-support": "#5A86BA",
  "palette-neutral": "#C4C4B5"
}

Pro Exports Pro

Color Blindness Simulation

#D8CA90
Protanopia
#E3D495
Deuteranopia
#FFBDBA
Tritanopia

Build a design system around Delicious Melon.