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

The Amethyst & Purple Path color palette consists of Purple #772278, Amethyst #9F4FAF, Wisteria #C896E6, Frost #E3F2FD.

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

Use Frost #E3F2FD as the background, Purple #772278 for text, Wisteria #C896E6 for buttons and links, and Amethyst #9F4FAF for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Purple on Frost at 8.05:1.

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

The highest-contrast pair is #772278 on #E3F2FD with a ratio of 8.05:1, which passes WCAG AA for normal text.

#772278Purple

#9F4FAFAmethyst

#C896E6Wisteria

#E3F2FDFrost

Amethyst & Purple Path color palette

Gradient Vibrant Purple White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Purple	`#772278`	`rgb(119, 34, 120)`	`hsl(299, 56%, 30%)`	`oklch(42.1% 0.157 327)`
Amethyst	`#9F4FAF`	`rgb(159, 79, 175)`	`hsl(290, 38%, 50%)`	`oklch(56.4% 0.163 321)`
Wisteria	`#C896E6`	`rgb(200, 150, 230)`	`hsl(278, 62%, 75%)`	`oklch(74.9% 0.124 312)`
Frost	`#E3F2FD`	`rgb(227, 242, 253)`	`hsl(205, 87%, 94%)`	`oklch(95.3% 0.022 239)`

Why it works and how to use it

Amethyst & Purple Path is a split color palette tagged gradient, vibrant, purple. The hues span about 94°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. The overall temperature is cool.

With 4 chromatic colors, Wisteria takes the lead while the rest support. Lightness runs from 30% to 94%. Well suited to websites, presentations and branding.

Background: Frost (#E3F2FD) is the lightest color, so it belongs on large surfaces.
Text: Purple (#772278) on #E3F2FD gives 8.05:1, passing WCAG AAA.
Primary: Wisteria (#C896E6) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Amethyst (#9F4FAF) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Purple on Frost at 8.05:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Amethyst & Purple Path

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

#772278

#9F4FAF

#C896E6

#E3F2FD

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
`#772278` on `#E3F2FD`	Aa	8.05:1	AAA
`#9F4FAF` on `#E3F2FD`	Aa	4.37:1	AA large only
`#772278` on `#C896E6`	Aa	3.92:1	AA large only
`#9F4FAF` on `#C896E6`	Aa	2.13:1	Fail
`#C896E6` on `#E3F2FD`	Aa	2.05:1	Fail
`#772278` on `#9F4FAF`	Aa	1.84:1	Fail

Similar palettes 24 more in this mood