#D62598
#7B2CBF
#FFC300
#FFFFFF
#BC3AC9Neon Purple
#5240D3Iris
#FFBE82Apricot
#FDFDFDWhite
Neon Purple & Iris Echo is a complementary color palette tagged vibrant, neon, purple. Near-complementary hues (about 142° apart) make this a high-contrast, attention-grabbing combination. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Neon Purple | #BC3AC9 | rgb(188, 58, 201) | hsl(295, 57%, 51%) | oklch(59.4% 0.229 324) | |
| Iris | #5240D3 | rgb(82, 64, 211) | hsl(247, 63%, 54%) | oklch(48.8% 0.214 280) | |
| Apricot | #FFBE82 | rgb(255, 190, 130) | hsl(29, 100%, 75%) | oklch(84.8% 0.107 63) | |
| White | #FDFDFD | rgb(253, 253, 253) | hsl(0, 0%, 99%) | oklch(99.4% 0.000 0) |
Why it works and how to use it
It works because the lightness range is wide (51% to 99%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
- Text: Iris (#5240D3) on #FDFDFD gives 6.81:1, passing WCAG AA.
- Primary: Apricot (#FFBE82) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Neon Purple (#BC3AC9) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Iris on White at 6.81:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Neon Purple & Iris Echo
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
#BC3AC9
#5240D3
#FFBE82
#FDFDFD
Color-blind check: under protanopia, Neon Purple and Iris 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 |
|---|---|---|---|
#5240D3 on #FDFDFD | Aa | 6.81:1 | AA |
#BC3AC9 on #FDFDFD | Aa | 4.5:1 | AA |
#5240D3 on #FFBE82 | Aa | 4.27:1 | AA large only |
#BC3AC9 on #FFBE82 | Aa | 2.82:1 | Fail |
#FFBE82 on #FDFDFD | Aa | 1.6:1 | Fail |
#BC3AC9 on #5240D3 | Aa | 1.51:1 | Fail |
Similar palettes 24 more in this mood
#121826
#8A2BE2
#00FFC6
#F0F0FF
#5341A4
#5D33DA
#AA98FF
#F1EFFC
#64299F
#A34CFF
#F78BF3
#FFF8FC
#971C8A
#E344C0
#F0B4E0
#FDFDFD
#E740D1
#EB91E8
#00253B
#F6F6F9
#EF42AD
#974EDF
#FFE8B6
#FAFAFA
#9137D9
#7277E7
#66BFF6
#EDFFF9
#5B3DF5
#8E6BFF
#FF8FB1
#FFD1DC
#C638C4
#E574E7
#EEBAF3
#FFF0F7
#E832CE
#E972E1
#F8B7D8
#FFF0F5
#271545
#7943FF
#C594FF
#FCF9FF
#FF1493
#FF69B4
#FFB6C1
#FFF0F5
#F72585
#7209B7
#3A0CA3
#4CC9F0
#1B1B1B
#F96D00
#8B5CF6
#F2F2F2
#7400B8
#5E60CE
#4EA8DE
#80FFDB
#FF006E
#FB5607
#FFBE0B
#8338EC
#3A0CA3
#7209B7
#B5179E
#F72585
#4B0082
#8A2BE2
#DA70D6
#FFE4F3
#E0218A
#FF69B4
#FFB6D9
#FFF0F7
#F50037
#30558B
#F1FAEE
#E1BA00
#3A0CA3
#F72585
#FF9E00
#F8F9FA
#A630C1
#755EF5
#7ABCFF
#80E6FF
#0D0D0D
#CCFF00
#FF00A8
#FFFFFF