#A630C1
#755EF5
#7ABCFF
#80E6FF
#004558Charcoal
#00588ELapis
#5550EBIris
#A95CFFAmethyst
Bold Amethyst & Iris is a vivid split color palette tagged neon, gradient, vibrant. A split scheme: Charcoal plays against Amethyst across roughly 75° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Charcoal | #004558 | rgb(0, 69, 88) | hsl(193, 100%, 17%) | oklch(36.3% 0.068 224) | |
| Lapis | #00588E | rgb(0, 88, 142) | hsl(203, 100%, 28%) | oklch(44.6% 0.113 245) | |
| Iris | #5550EB | rgb(85, 80, 235) | hsl(242, 79%, 62%) | oklch(53.5% 0.225 277) | |
| Amethyst | #A95CFF | rgb(169, 92, 255) | hsl(268, 100%, 68%) | oklch(64.2% 0.232 302) |
Why it works and how to use it
It works because the lightness range is wide (17% to 68%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Amethyst (#A95CFF) is the lightest color, so it belongs on large surfaces.
- Text: Charcoal (#004558) on #A95CFF gives 2.84:1, so pair it with a darker neutral for body copy.
- Primary: Lapis (#00588E) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Iris (#5550EB) for highlights, badges and hover states.
No pair inside the palette reaches 4.5:1, so add black or white for body text.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Bold Amethyst & Iris
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
#004558
#00588E
#5550EB
#A95CFF
Color-blind check: under protanopia, Iris and Amethyst become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#004558 on #A95CFF | Aa | 2.84:1 | Fail |
#00588E on #A95CFF | Aa | 2.03:1 | Fail |
#004558 on #5550EB | Aa | 1.87:1 | Fail |
#5550EB on #A95CFF | Aa | 1.52:1 | Fail |
#004558 on #00588E | Aa | 1.4:1 | Fail |
#00588E on #5550EB | Aa | 1.34:1 | Fail |
Similar palettes 24 more in this mood
#A4C5FF
#9D93FF
#C049FF
#160819
#170A1D
#895DE6
#0093D1
#DE3BF3
#9137D9
#7277E7
#66BFF6
#EDFFF9
#5B3DF5
#8E6BFF
#FF8FB1
#FFD1DC
#2E1890
#5945F7
#BB7CF7
#F8E6FC
#F72585
#7209B7
#3A0CA3
#4CC9F0
#7400B8
#5E60CE
#4EA8DE
#80FFDB
#3A0CA3
#7209B7
#B5179E
#F72585
#4B0082
#8A2BE2
#DA70D6
#FFE4F3
#121826
#8A2BE2
#00FFC6
#F0F0FF
#650088
#9F45E1
#AE63D0
#DCB5FF
#0C050C
#B296FF
#EE70FF
#99D6FF
#5341A4
#5D33DA
#AA98FF
#F1EFFC
#64299F
#A34CFF
#F78BF3
#FFF8FC
#6C60FF
#A998FF
#FFBDCF
#FFF6F8
#AB8900
#7209B7
#3A0CA3
#4CC9F0
#472AB7
#852DCD
#D640BC
#FF75A4
#8076FF
#8C36D5
#90007D
#74003A
#EDE8FF
#927AFF
#7F2BC5
#110818
#4C0097
#8100A2
#C00083
#FD2161
#FF2933
#8C0089
#590086
#79BFFF
#534E7E
#6031B0
#A828FB
#FF93DE
#5A4492
#6F00C2
#A828FB
#DDA2FF