What are the hex codes in the Amethyst & Plum Tale palette?

The Amethyst & Plum Tale color palette consists of Plum #89348E, Amethyst #BB5AB8, Cotton Candy #FBAAC2, Linen #FFF4E6.

How should I use the Amethyst & Plum Tale palette on a website?

Use Linen #FFF4E6 as the background, Plum #89348E for text, Cotton Candy #FBAAC2 for buttons and links, and Amethyst #BB5AB8 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Plum on Linen at 6.56:1.

Which colors in Amethyst & Plum Tale have enough contrast for text?

The highest-contrast pair is #89348E on #FFF4E6 with a ratio of 6.56:1, which passes WCAG AA for normal text.

#89348EPlum

#BB5AB8Amethyst

#FBAAC2Cotton Candy

#FFF4E6Linen

Amethyst & Plum Tale color palette

Vibrant Purple Pink White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Plum	`#89348E`	`rgb(137, 52, 142)`	`hsl(297, 46%, 38%)`	`oklch(48.1% 0.161 325)`
Amethyst	`#BB5AB8`	`rgb(187, 90, 184)`	`hsl(302, 42%, 54%)`	`oklch(61.9% 0.170 329)`
Cotton Candy	`#FBAAC2`	`rgb(251, 170, 194)`	`hsl(342, 91%, 83%)`	`oklch(82.3% 0.099 0)`
Linen	`#FFF4E6`	`rgb(255, 244, 230)`	`hsl(34, 100%, 95%)`	`oklch(97.2% 0.022 74)`

Why it works and how to use it

Amethyst & Plum Tale is a vivid analogous color palette tagged vibrant, purple, pink. Analogous neighbors on the wheel (Plum, Amethyst, Cotton Candy) give it a natural, low-tension flow. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is warm.

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

Background: Linen (#FFF4E6) is the lightest color, so it belongs on large surfaces.
Text: Plum (#89348E) on #FFF4E6 gives 6.56:1, passing WCAG AA.
Primary: Cotton Candy (#FBAAC2) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Amethyst (#BB5AB8) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Amethyst & Plum Tale

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

#89348E

#BB5AB8

#FBAAC2

#FFF4E6

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
`#89348E` on `#FFF4E6`	Aa	6.56:1	AA
`#89348E` on `#FBAAC2`	Aa	3.95:1	AA large only
`#BB5AB8` on `#FFF4E6`	Aa	3.67:1	AA large only
`#BB5AB8` on `#FBAAC2`	Aa	2.21:1	Fail
`#89348E` on `#BB5AB8`	Aa	1.79:1	Fail
`#FBAAC2` on `#FFF4E6`	Aa	1.66:1	Fail

Similar palettes 24 more in this mood