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

The Bold Amethyst & Dusk color palette consists of Prussian Blue #002C44, Dusk #5B57A5, Amethyst #AC73DD, Pink #FFBBC4.

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

Use Pink #FFBBC4 as the background, Prussian Blue #002C44 for text, Amethyst #AC73DD for buttons and links, and Dusk #5B57A5 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Prussian Blue on Pink at 9.11:1.

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

The highest-contrast pair is #002C44 on #FFBBC4 with a ratio of 9.11:1, which passes WCAG AA for normal text.

#002C44Prussian Blue

#5B57A5Dusk

#AC73DDAmethyst

#FFBBC4Pink

Bold Amethyst & Dusk color palette

Dark Purple Pink

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Prussian Blue	`#002C44`	`rgb(0, 44, 68)`	`hsl(201, 100%, 13%)`	`oklch(27.9% 0.063 239)`
Dusk	`#5B57A5`	`rgb(91, 87, 165)`	`hsl(243, 31%, 49%)`	`oklch(49.9% 0.122 283)`
Amethyst	`#AC73DD`	`rgb(172, 115, 221)`	`hsl(272, 61%, 66%)`	`oklch(65.8% 0.161 307)`
Pink	`#FFBBC4`	`rgb(255, 187, 196)`	`hsl(352, 100%, 87%)`	`oklch(85.7% 0.079 10)`

Why it works and how to use it

Bold Amethyst & Dusk is a vivid complementary color palette tagged dark, purple, pink. Near-complementary hues (about 151° apart) make this a high-contrast, attention-grabbing combination. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. Warm and cool hues are mixed, which adds depth.

With 4 chromatic colors, Amethyst takes the lead while the rest support. Lightness runs from 13% to 87%. Well suited to websites, presentations and branding.

Background: Pink (#FFBBC4) is the lightest color, so it belongs on large surfaces.
Text: Prussian Blue (#002C44) on #FFBBC4 gives 9.11:1, passing WCAG AAA.
Primary: Amethyst (#AC73DD) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Dusk (#5B57A5) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Prussian Blue on Pink at 9.11:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Bold 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

#002C44

#5B57A5

#AC73DD

#FFBBC4

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
`#002C44` on `#FFBBC4`	Aa	9.11:1	AAA
`#002C44` on `#AC73DD`	Aa	4.33:1	AA large only
`#5B57A5` on `#FFBBC4`	Aa	3.93:1	AA large only
`#002C44` on `#5B57A5`	Aa	2.32:1	Fail
`#AC73DD` on `#FFBBC4`	Aa	2.1:1	Fail
`#5B57A5` on `#AC73DD`	Aa	1.87:1	Fail

Similar palettes 24 more in this mood