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

The Royal Amethyst & Purple color palette consists of Raisin #35042F, Purple #792A78, Amethyst #BC4EC4, Ballet #F5D9F1.

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

Use Ballet #F5D9F1 as the background, Raisin #35042F for text, Amethyst #BC4EC4 for buttons and links, and Purple #792A78 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Ballet at 13.29:1.

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

The highest-contrast pair is #35042F on #F5D9F1 with a ratio of 13.29:1, which passes WCAG AA for normal text.

#35042FRaisin

#792A78Purple

#BC4EC4Amethyst

#F5D9F1Ballet

Royal Amethyst & Purple color palette

Gradient Dark Black Purple

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Raisin	`#35042F`	`rgb(53, 4, 47)`	`hsl(307, 86%, 11%)`	`oklch(23.1% 0.094 334)`
Purple	`#792A78`	`rgb(121, 42, 120)`	`hsl(301, 48%, 32%)`	`oklch(43.3% 0.147 328)`
Amethyst	`#BC4EC4`	`rgb(188, 78, 196)`	`hsl(296, 50%, 54%)`	`oklch(61.2% 0.200 325)`
Ballet	`#F5D9F1`	`rgb(245, 217, 241)`	`hsl(309, 58%, 91%)`	`oklch(91.5% 0.044 331)`

Why it works and how to use it

Royal Amethyst & Purple is a monochromatic color palette tagged gradient, dark, black. All four colors sit within 13° 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 4 chromatic colors, Amethyst takes the lead while the rest support. Lightness runs from 11% to 91%. Well suited to websites, presentations and branding.

Background: Ballet (#F5D9F1) is the lightest color, so it belongs on large surfaces.
Text: Raisin (#35042F) on #F5D9F1 gives 13.29:1, passing WCAG AAA.
Primary: Amethyst (#BC4EC4) is the most saturated mid-tone; use it for buttons and links (3.2:1 against the background, fine for UI elements).
Accent: Purple (#792A78) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Royal Amethyst & Purple

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

#35042F

#792A78

#BC4EC4

#F5D9F1

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
`#35042F` on `#F5D9F1`	Aa	13.29:1	AAA
`#792A78` on `#F5D9F1`	Aa	6.66:1	AA
`#35042F` on `#BC4EC4`	Aa	4.15:1	AA large only
`#BC4EC4` on `#F5D9F1`	Aa	3.2:1	AA large only
`#792A78` on `#BC4EC4`	Aa	2.08:1	Fail
`#35042F` on `#792A78`	Aa	2:1	Fail

Similar palettes 24 more in this mood