What HEX colors are in the Melon Tea Inspiration palette?

The Melon Tea Inspiration palette uses #DFD7F4, #ECC0EB, #EED6D2, #28244C. Its highest-contrast pair is 10.49:1.

Is the Melon Tea Inspiration palette accessible for text?

Use #DFD7F4 on #ECC0EB for the strongest contrast. Always check the WCAG ratio before setting body copy.

#DFD7F4

#ECC0EB

#EED6D2

#28244C

Melon Tea Inspiration

Melon Tea Inspiration is a cool high contrast palette built with purple, violet pink, red, navy blue tones. Copy the HEX codes, download the palette image, save it to your collection, or open related palettes below.

0⬇ Image Link Copy

#DFD7F4

Purple

#ECC0EB

Violet pink

#EED6D2

Red

#28244C

Navy blue

MoodSweet toneSmooth colors with a soft visual style.

ContrastHigh contrastHelps decide how to use text, buttons, and backgrounds.

Main tonespurple, violet pink, redThe strongest color families in this palette.

Best fitSoft brandsWellness, skincare, stationery, and calm UI.

Related Palettes

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Cobalt Vista Fountain

0 Link Copy⬇ Image

1 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

1 Link Copy⬇ Image

0 Link Copy⬇ Image

Bluebell Mood Horizon

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Use this palette for

Melon Tea skincare label Purple soft background Violet pink stationery set Cool wellness page Pastel palettes Marshmallow Scene Drift

Pairing tips

Background

Use #28244C for soft sections, cards, or open space.

Text and headings

Use #ECC0EB or a deeper nearby shade for readable type.

Accent color

Use #EED6D2 for buttons, labels, icons, or small highlights.

CSS variables

:root {
  --palette-color-1: #DFD7F4;
  --palette-color-2: #ECC0EB;
  --palette-color-3: #EED6D2;
  --palette-color-4: #28244C;
}

Melon Tea Inspiration colour names and contrast

Every value on this page is calculated from this palette's own HEX codes. The closest CSS named colour tells you what to call each shade, relative luminance shows how light or dark it truly is, and the contrast table shows which pairs are safe to set text in.

Swatch reference

Swatch	Closest named colour	Match	Luminance	Hue
#DFD7F4	Lavender	33 RGB pts	0.708	257°
#ECC0EB	Thistle	43 RGB pts	0.615	301°
#EED6D2	Bone	23 RGB pts	0.709	9°
#28244C	Charcoal	69 RGB pts	0.022	246°

Contrast ratios (WCAG 2.1)

Colour pair	Ratio	Body text	Large text
#EED6D2 on #28244C	10.49:1	AAA	AAA
#DFD7F4 on #28244C	10.48:1	AAA	AAA
#ECC0EB on #28244C	9.20:1	AAA	AAA
#ECC0EB on #EED6D2	1.14:1	fail	fail
#DFD7F4 on #ECC0EB	1.14:1	fail	fail
#DFD7F4 on #EED6D2	1.00:1	fail	fail

What this means in practice

Highest contrast: #EED6D2 against #28244C at 10.49:1 — the safest pair here for body copy.
Lowest contrast: #DFD7F4 against #EED6D2 at 1.00:1 — decorative use only, it does not meet WCAG AA for text.
Darkest colour: #28244C (Charcoal, luminance 0.022) — the natural choice for headings.
Lightest colour: #EED6D2 (Bone, luminance 0.709) — best used for backgrounds.
Hue spread: 123° across 4 of 4 colours, which makes this a broad multicolour palette.
Text recommendation: set type in #EED6D2 on a #28244C background, and reserve #DFD7F4 for borders, icons or accents.

FAQ

What type of palette is Melon Tea Inspiration?

It is a cool high contrast color palette with purple, violet pink, red, navy blue tones.

Can this palette work for websites?

Yes. Use the lightest color for backgrounds, deeper colors for text, and mid tones for buttons or accents. Check the contrast table above before setting body copy.

Can I copy the HEX colors?

Yes. Use the copy buttons for the full palette or for a single color row.