What are the hex codes in the Cool Amethyst & Dusk palette?

The Cool Amethyst & Dusk color palette consists of Dusk #594592, Amethyst #7F64BA, Heather #BFB6E5, White #FDFDFD.

How should I use the Cool Amethyst & Dusk palette on a website?

Use White #FDFDFD as the background, Dusk #594592 for text, Heather #BFB6E5 for buttons and links, and Amethyst #7F64BA for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Dusk on White at 7.67:1.

Which colors in Cool Amethyst & Dusk have enough contrast for text?

The highest-contrast pair is #594592 on #FDFDFD with a ratio of 7.67:1, which passes WCAG AA for normal text.

#594592Dusk

#7F64BAAmethyst

#BFB6E5Heather

#FDFDFDWhite

Cool Amethyst & Dusk color palette

Cold Purple White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Dusk	`#594592`	`rgb(89, 69, 146)`	`hsl(256, 36%, 42%)`	`oklch(45.0% 0.122 293)`
Amethyst	`#7F64BA`	`rgb(127, 100, 186)`	`hsl(259, 38%, 56%)`	`oklch(56.8% 0.131 296)`
Heather	`#BFB6E5`	`rgb(191, 182, 229)`	`hsl(251, 47%, 81%)`	`oklch(79.9% 0.066 294)`
White	`#FDFDFD`	`rgb(253, 253, 253)`	`hsl(0, 0%, 99%)`	`oklch(99.4% 0.000 0)`

Why it works and how to use it

Cool Amethyst & Dusk is a monochromatic color palette tagged cold, purple, white. A monochromatic set: the same hue family from Dusk down to White. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is cool.

With 3 chromatic colors, Heather takes the lead while the rest support. Lightness runs from 42% to 99%. Well suited to websites, presentations and branding.

Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
Text: Dusk (#594592) on #FDFDFD gives 7.67:1, passing WCAG AAA.
Primary: Heather (#BFB6E5) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Amethyst (#7F64BA) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Dusk on White at 7.67:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Cool Amethyst & Dusk

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

#594592

#7F64BA

#BFB6E5

#FDFDFD

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
`#594592` on `#FDFDFD`	Aa	7.67:1	AAA
`#7F64BA` on `#FDFDFD`	Aa	4.66:1	AA
`#594592` on `#BFB6E5`	Aa	4.1:1	AA large only
`#7F64BA` on `#BFB6E5`	Aa	2.49:1	Fail
`#BFB6E5` on `#FDFDFD`	Aa	1.87:1	Fail
`#594592` on `#7F64BA`	Aa	1.65:1	Fail

Similar palettes 24 more in this mood