#10002B
#5A189A
#9D4EDD
#E0AAFF
#1A0B1DLicorice
#583B5DEggplant
#B95ACEAmethyst
#F3DCF2Petal
Amethyst & Eggplant Drift is a monochromatic color palette tagged dark, black, purple. All four colors sit within 14° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Licorice | #1A0B1D | rgb(26, 11, 29) | hsl(290, 45%, 8%) | oklch(18.1% 0.042 321) | |
| Eggplant | #583B5D | rgb(88, 59, 93) | hsl(291, 22%, 30%) | oklch(39.9% 0.067 321) | |
| Amethyst | #B95ACE | rgb(185, 90, 206) | hsl(289, 54%, 58%) | oklch(62.8% 0.190 320) | |
| Petal | #F3DCF2 | rgb(243, 220, 242) | hsl(303, 49%, 91%) | oklch(92.0% 0.038 327) |
Why it works and how to use it
It works because the lightness range is wide (8% to 91%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Petal (#F3DCF2) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#1A0B1D) on #F3DCF2 gives 14.72:1, passing WCAG AAA.
- Primary: Amethyst (#B95ACE) is the most saturated mid-tone; use it for buttons and links (3.01:1 against the background, fine for UI elements).
- Accent: Eggplant (#583B5D) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Petal at 14.72:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Amethyst & Eggplant Drift
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
#1A0B1D
#583B5D
#B95ACE
#F3DCF2
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#1A0B1D on #F3DCF2 | Aa | 14.72:1 | AAA |
#583B5D on #F3DCF2 | Aa | 7.43:1 | AAA |
#1A0B1D on #B95ACE | Aa | 4.88:1 | AA |
#B95ACE on #F3DCF2 | Aa | 3.01:1 | AA large only |
#583B5D on #B95ACE | Aa | 2.46:1 | Fail |
#1A0B1D on #583B5D | Aa | 1.98:1 | Fail |
Similar palettes 24 more in this mood
#14101F
#4D4365
#8E6BFF
#EEE9FF
#775249
#872870
#850039
#120115
#10002B
#7B2CBF
#E0AAFF
#00F5D4
#34032D
#832B74
#BE499C
#FE92AA
#FF9931
#6E499E
#191009
#FAF3E8
#0E0E14
#3E526A
#C8CCE0
#CE62FF
#121016
#54149C
#693B79
#5B9FFF
#D8CDFC
#BE96FF
#000E00
#6B3700
#0B0620
#412676
#9D4EDD
#FFB3E6
#F0F0F0
#7454DD
#574F44
#0E0E0E
#E5E0DA
#CF63FF
#564733
#140E05
#10002B
#5A189A
#927C00
#E0AAFF
#12041B
#551C66
#BD3DB7
#FFB8CA
#FF7518
#1A1A1A
#6A0DAD
#F5F5F5
#0D0221
#5A189A
#39FF14
#FF8C00
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#A882C7
#AE495D
#834470
#1A161F
#35042F
#792A78
#BC4EC4
#F5D9F1
#D1B1F6
#DD8DB4
#8B4537
#271700
#5F4193
#E58900
#3A3944
#0C0705
#000D1E
#164179
#A074FF
#DDDCFF
#10002B
#B00054
#E0AAFF
#00F5D4
#99F177
#B5FFB2
#6F3671
#270A28