What are the hex codes in the Amber Plum & Blush palette?

The Amber Plum & Blush color palette consists of Plum #8A3E7A, Blush #C17B8F, Melon #F4BCAE, Champagne #FFE4D3.

How should I use the Amber Plum & Blush palette on a website?

Use Champagne #FFE4D3 as the background, Plum #8A3E7A for text, Melon #F4BCAE for buttons and links, and Blush #C17B8F for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Plum on Champagne at 5.67:1.

Which colors in Amber Plum & Blush have enough contrast for text?

The highest-contrast pair is #8A3E7A on #FFE4D3 with a ratio of 5.67:1, which passes WCAG AA for normal text.

#8A3E7APlum

#C17B8FBlush

#F4BCAEMelon

#FFE4D3Champagne

Amber Plum & Blush color palette

Warm Romantic Purple Beige

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Plum	`#8A3E7A`	`rgb(138, 62, 122)`	`hsl(313, 38%, 39%)`	`oklch(48.5% 0.129 336)`
Blush	`#C17B8F`	`rgb(193, 123, 143)`	`hsl(343, 36%, 62%)`	`oklch(66.2% 0.090 1)`
Melon	`#F4BCAE`	`rgb(244, 188, 174)`	`hsl(12, 76%, 82%)`	`oklch(84.2% 0.068 34)`
Champagne	`#FFE4D3`	`rgb(255, 228, 211)`	`hsl(23, 100%, 91%)`	`oklch(93.6% 0.037 54)`

Why it works and how to use it

Amber Plum & Blush is a vivid split color palette tagged warm, romantic, purple. A split scheme: Plum plays against Champagne across roughly 70° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is warm.

With 4 chromatic colors, Melon takes the lead while the rest support. Lightness runs from 39% to 91%. Well suited to websites, presentations and branding.

Background: Champagne (#FFE4D3) is the lightest color, so it belongs on large surfaces.
Text: Plum (#8A3E7A) on #FFE4D3 gives 5.67:1, passing WCAG AA.
Primary: Melon (#F4BCAE) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Blush (#C17B8F) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Amber Plum & Blush

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

#8A3E7A

#C17B8F

#F4BCAE

#FFE4D3

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
`#8A3E7A` on `#FFE4D3`	Aa	5.67:1	AA
`#8A3E7A` on `#F4BCAE`	Aa	4.15:1	AA large only
`#C17B8F` on `#FFE4D3`	Aa	2.66:1	Fail
`#8A3E7A` on `#C17B8F`	Aa	2.13:1	Fail
`#C17B8F` on `#F4BCAE`	Aa	1.95:1	Fail
`#F4BCAE` on `#FFE4D3`	Aa	1.37:1	Fail

Similar palettes 24 more in this mood