What are the hex codes in the Zesty Blush & Melon palette?

The Zesty Blush & Melon color palette consists of Plum #754F71, Blush #CC707E, Melon #FFB582, Snow #FFF9F1.

How should I use the Zesty Blush & Melon palette on a website?

Use Snow #FFF9F1 as the background, Plum #754F71 for text, Melon #FFB582 for buttons and links, and Blush #CC707E for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Plum on Snow at 6.45:1.

Which colors in Zesty Blush & Melon have enough contrast for text?

The highest-contrast pair is #754F71 on #FFF9F1 with a ratio of 6.45:1, which passes WCAG AA for normal text.

#754F71Plum

#CC707EBlush

#FFB582Melon

#FFF9F1Snow

Zesty Blush & Melon color palette

Sunset Warm Pink White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Plum	`#754F71`	`rgb(117, 79, 113)`	`hsl(306, 19%, 38%)`	`oklch(48.1% 0.071 330)`
Blush	`#CC707E`	`rgb(204, 112, 126)`	`hsl(351, 47%, 62%)`	`oklch(65.2% 0.116 11)`
Melon	`#FFB582`	`rgb(255, 181, 130)`	`hsl(24, 100%, 75%)`	`oklch(83.2% 0.109 55)`
Snow	`#FFF9F1`	`rgb(255, 249, 241)`	`hsl(34, 100%, 97%)`	`oklch(98.5% 0.012 75)`

Why it works and how to use it

Zesty Blush & Melon is a vivid split color palette tagged sunset, warm, pink. The hues span about 78°, enough contrast to create a focal point without the harshness of true complements. These are bold, punchy colors that need generous white space around them. The overall temperature is warm.

With 3 chromatic colors, Melon takes the lead while the rest support. Lightness runs from 38% to 97%. Well suited to websites, presentations and branding.

Background: Snow (#FFF9F1) is the lightest color, so it belongs on large surfaces.
Text: Plum (#754F71) on #FFF9F1 gives 6.45:1, passing WCAG AA.
Primary: Melon (#FFB582) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Blush (#CC707E) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Plum on Snow at 6.45:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Zesty Blush & Melon

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#754F71

#CC707E

#FFB582

#FFF9F1

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#754F71` on `#FFF9F1`	Aa	6.45:1	AA
`#754F71` on `#FFB582`	Aa	3.91:1	AA large only
`#CC707E` on `#FFF9F1`	Aa	3.24:1	AA large only
`#754F71` on `#CC707E`	Aa	1.99:1	Fail
`#CC707E` on `#FFB582`	Aa	1.97:1	Fail
`#FFB582` on `#FFF9F1`	Aa	1.65:1	Fail

Similar palettes 24 more in this mood