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

The Juicy Blush & Melon color palette consists of Space #222142, Plum #7D4B7D, Blush #D56287, Melon #FFB58A.

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

Use Melon #FFB58A as the background, Space #222142 for text, Blush #D56287 for buttons and links, and Plum #7D4B7D for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Melon at 8.96:1.

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

The highest-contrast pair is #222142 on #FFB58A with a ratio of 8.96:1, which passes WCAG AA for normal text.

#222142Space

#7D4B7DPlum

#D56287Blush

#FFB58AMelon

Juicy Blush & Melon color palette

Sunset Dark Pink

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Space	`#222142`	`rgb(34, 33, 66)`	`hsl(242, 33%, 19%)`	`oklch(26.7% 0.060 283)`
Plum	`#7D4B7D`	`rgb(125, 75, 125)`	`hsl(300, 25%, 39%)`	`oklch(48.9% 0.098 327)`
Blush	`#D56287`	`rgb(213, 98, 135)`	`hsl(341, 58%, 61%)`	`oklch(64.6% 0.149 2)`
Melon	`#FFB58A`	`rgb(255, 181, 138)`	`hsl(22, 100%, 77%)`	`oklch(83.3% 0.104 51)`

Why it works and how to use it

Juicy Blush & Melon is a complementary color palette tagged sunset, dark, pink. Near-complementary hues (about 140° apart) make this a high-contrast, attention-grabbing combination. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.

With 4 chromatic colors, Blush takes the lead while the rest support. Lightness runs from 19% to 77%. Well suited to websites, presentations and branding.

Background: Melon (#FFB58A) is the lightest color, so it belongs on large surfaces.
Text: Space (#222142) on #FFB58A gives 8.96:1, passing WCAG AAA.
Primary: Blush (#D56287) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Plum (#7D4B7D) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Melon at 8.96:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Juicy 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

#222142

#7D4B7D

#D56287

#FFB58A

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
`#222142` on `#FFB58A`	Aa	8.96:1	AAA
`#222142` on `#D56287`	Aa	4.34:1	AA large only
`#7D4B7D` on `#FFB58A`	Aa	3.85:1	AA large only
`#222142` on `#7D4B7D`	Aa	2.33:1	Fail
`#D56287` on `#FFB58A`	Aa	2.06:1	Fail
`#7D4B7D` on `#D56287`	Aa	1.87:1	Fail

Similar palettes 24 more in this mood