#14101F
#4D4365
#8E6BFF
#EEE9FF
#2F1C4ESpace
#6C4996Grape
#9E6DC2Amethyst
#F3E8F3Lavender
Amethyst Amethyst & Grape is a analogous color palette tagged luxury, dark, cold. Analogous neighbors on the wheel (Space, Grape, Amethyst) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Space | #2F1C4E | rgb(47, 28, 78) | hsl(263, 47%, 21%) | oklch(28.0% 0.089 298) | |
| Grape | #6C4996 | rgb(108, 73, 150) | hsl(267, 35%, 44%) | oklch(47.9% 0.124 303) | |
| Amethyst | #9E6DC2 | rgb(158, 109, 194) | hsl(275, 41%, 59%) | oklch(61.9% 0.134 310) | |
| Lavender | #F3E8F3 | rgb(243, 232, 243) | hsl(300, 31%, 93%) | oklch(94.3% 0.019 326) |
Why it works and how to use it
With 4 chromatic colors, Amethyst takes the lead while the rest support. Lightness runs from 21% to 93%. Well suited to premium branding and packaging.
- Background: Lavender (#F3E8F3) is the lightest color, so it belongs on large surfaces.
- Text: Space (#2F1C4E) on #F3E8F3 gives 12.63:1, passing WCAG AAA.
- Primary: Amethyst (#9E6DC2) is the most saturated mid-tone; use it for buttons and links (3.26:1 against the background, fine for UI elements).
- Accent: Grape (#6C4996) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Lavender at 12.63:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Amethyst Amethyst & Grape
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
#2F1C4E
#6C4996
#9E6DC2
#F3E8F3
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#2F1C4E on #F3E8F3 | Aa | 12.63:1 | AAA |
#6C4996 on #F3E8F3 | Aa | 5.82:1 | AA |
#2F1C4E on #9E6DC2 | Aa | 3.88:1 | AA large only |
#9E6DC2 on #F3E8F3 | Aa | 3.26:1 | AA large only |
#2F1C4E on #6C4996 | Aa | 2.17:1 | Fail |
#6C4996 on #9E6DC2 | Aa | 1.79:1 | Fail |
Similar palettes 24 more in this mood
#F0F0F0
#7454DD
#574F44
#0E0E0E
#EFEFEF
#A22DE0
#6A5F52
#222221
#3C1642
#814181
#B565A7
#F3E8F3
#13111A
#4B4659
#8B7ECC
#EDEBF7
#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#000000
#3A3A3A
#D4AF37
#F2F2F2
#3A0F2E
#8A3B6D
#C06AA0
#F7E8F1
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#E5E0DA
#CF63FF
#564733
#140E05
#F2EEE8
#8064F0
#89795F
#2A241B
#342037
#725071
#A17698
#F0EAF0
#302D26
#776C54
#C448CD
#F6F4EF
#0B0B0B
#3F3F3F
#C9A961
#F7F4EC
#3E0A1D
#8B2F4B
#C9A961
#F4ECE4
#0E1B33
#375482
#B08D57
#F2EFE9
#2C2B23
#676347
#7C7BFF
#F2F1EC
#1E1A2B
#5A4F6D
#B58FC9
#F2E9F7
#0E0E0E
#434343
#F5B7C4
#FFF7F9
#2E2915
#514929
#FED700
#F8F5E8
#2A2A2A
#5C5C5C
#D4AF37
#F8F5EE
#282435
#675D80
#A28DFF
#FAF9FF
#343042
#6F6483
#CCA6E1
#FDF8FF
#202020
#595959
#E2C179
#FDFAF2