#5F31A6
#8F37B7
#DA86E8
#FEF8FF
#772278Purple
#9F4FAFAmethyst
#C896E6Wisteria
#E3F2FDFrost
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.
Color codes click any value to copy
| Swatch | 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
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 SecondaryCard title
Card title
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.
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
#DC59D2
#FF82A9
#FFC8B3
#FFEDE5
#5B3DF5
#8E6BFF
#FF8FB1
#FFD1DC
#7F1767
#B9217D
#E565B2
#FCE4EC
#3C096C
#7B2CBF
#C77DFF
#E0AAFF
#3A0CA3
#7209B7
#B5179E
#F72585
#981A69
#AD1F03
#FF6A89
#FC83FF
#A630C1
#755EF5
#7ABCFF
#80E6FF
#7C4EB5
#EC483E
#FF85B0
#F590EC
#635DEA
#CE74AD
#4DACFF
#DAA2FF
#FFACC1
#F86DCD
#D7716B
#B25EC6
#C3004D
#8E6BFF
#FF8FB1
#FFD1DC
#4348A9
#9C6DE5
#E565B2
#D789E2
#9E004A
#972926
#813E93
#C05C9F
#6F3EAB
#9C38A1
#8B98FF
#7FBCFF
#8935B6
#B41772
#CC59C0
#FF7389
#2FA4FF
#956FF2
#526CFC
#912BAE
#6D6DD6
#E17EBB
#B68CF3
#E8A8F0
#8371EC
#6FA6F1
#DC7BFF
#FF73C6
#FF8FA6
#B587D7
#E26E4D
#BE389F
#9D50A6
#D53A43
#F8789F
#FFB7E2
#E7EAFF
#D8C7FF
#DCACDB
#C3A9B3
#3F71CC
#AE47D1
#B0A5FF
#40C1FF
#386AD0
#6E73E3
#B49DFF
#DEB4FF