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

The Royal Plum & Amethyst color palette consists of Lavender #FBE2FF, Amethyst #AD6AAC, Plum #883C7C, Raisin #2E262E.

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

Use Lavender #FBE2FF as the background, Raisin #2E262E for text, Plum #883C7C for buttons and links, and Amethyst #AD6AAC for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Lavender on Raisin at 12.16:1.

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

The highest-contrast pair is #FBE2FF on #2E262E with a ratio of 12.16:1, which passes WCAG AA for normal text.

#FBE2FFLavender

#AD6AACAmethyst

#883C7CPlum

#2E262ERaisin

Royal Plum & Amethyst color palette

Dark Purple

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Lavender	`#FBE2FF`	`rgb(251, 226, 255)`	`hsl(292, 100%, 94%)`	`oklch(94.2% 0.047 322)`
Amethyst	`#AD6AAC`	`rgb(173, 106, 172)`	`hsl(301, 29%, 55%)`	`oklch(62.0% 0.123 327)`
Plum	`#883C7C`	`rgb(136, 60, 124)`	`hsl(309, 39%, 38%)`	`oklch(48.0% 0.132 334)`
Raisin	`#2E262E`	`rgb(46, 38, 46)`	`hsl(300, 10%, 16%)`	`oklch(28.1% 0.018 326)`

Why it works and how to use it

Royal Plum & Amethyst is a monochromatic color palette tagged dark, purple. All four colors sit within 17° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

With 3 chromatic colors, Plum takes the lead while the rest support. Lightness runs from 16% to 94%. Well suited to websites, presentations and branding.

Background: Lavender (#FBE2FF) is the lightest color, so it belongs on large surfaces.
Text: Raisin (#2E262E) on #FBE2FF gives 12.16:1, passing WCAG AAA.
Primary: Plum (#883C7C) is the most saturated mid-tone; use it for buttons and links (5.84:1 against the background, fine for UI elements).
Accent: Amethyst (#AD6AAC) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Lavender on Raisin at 12.16:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Royal Plum & Amethyst

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

#FBE2FF

#AD6AAC

#883C7C

#2E262E

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
`#FBE2FF` on `#2E262E`	Aa	12.16:1	AAA
`#FBE2FF` on `#883C7C`	Aa	5.84:1	AA
`#AD6AAC` on `#2E262E`	Aa	3.79:1	AA large only
`#FBE2FF` on `#AD6AAC`	Aa	3.21:1	AA large only
`#883C7C` on `#2E262E`	Aa	2.08:1	Fail
`#AD6AAC` on `#883C7C`	Aa	1.82:1	Fail

Similar palettes 24 more in this mood