#692390
#5E6891
#4194F1
#DBD6FF
#6A3C63Eggplant
#5F6FA3Steel Blue
#BCABD8Heather
#BBD7EBPowder Blue
Icy Eggplant & Steel Blue is a split color palette tagged muted, cold, purple. A split scheme: Eggplant plays against Powder Blue across roughly 104° of hue. 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 |
|---|---|---|---|---|---|
| Eggplant | #6A3C63 | rgb(106, 60, 99) | hsl(309, 28%, 33%) | oklch(42.7% 0.085 333) | |
| Steel Blue | #5F6FA3 | rgb(95, 111, 163) | hsl(226, 27%, 51%) | oklch(55.1% 0.084 270) | |
| Heather | #BCABD8 | rgb(188, 171, 216) | hsl(263, 37%, 76%) | oklch(77.1% 0.066 302) | |
| Powder Blue | #BBD7EB | rgb(187, 215, 235) | hsl(205, 55%, 83%) | oklch(86.5% 0.041 239) |
Why it works and how to use it
It works because the lightness range is wide (33% to 83%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Powder Blue (#BBD7EB) is the lightest color, so it belongs on large surfaces.
- Text: Eggplant (#6A3C63) on #BBD7EB gives 5.75:1, passing WCAG AA.
- Primary: Heather (#BCABD8) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Steel Blue (#5F6FA3) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Eggplant on Powder Blue at 5.75:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Icy Eggplant & Steel Blue
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
#6A3C63
#5F6FA3
#BCABD8
#BBD7EB
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#6A3C63 on #BBD7EB | Aa | 5.75:1 | AA |
#6A3C63 on #BCABD8 | Aa | 4.08:1 | AA large only |
#5F6FA3 on #BBD7EB | Aa | 3.27:1 | AA large only |
#5F6FA3 on #BCABD8 | Aa | 2.32:1 | Fail |
#6A3C63 on #5F6FA3 | Aa | 1.76:1 | Fail |
#BCABD8 on #BBD7EB | Aa | 1.41:1 | Fail |
Similar palettes 24 more in this mood
#68709B
#9271DA
#639EC2
#84B8FF
#0085AA
#6B819E
#AE8DBC
#B4B0FF
#D1DBF0
#7B9CA4
#7B71A9
#507C99
#0ACAF9
#00C5C1
#005BAE
#4C37A8
#BDE0FF
#86E6E9
#737F9E
#36555F
#96BAFE
#8F7CCD
#00939A
#005D7F
#436291
#6B88B0
#7CA5D5
#C3D8FF
#878DBE
#CBB8C4
#DEC3F6
#FFDBE0
#BEB6FF
#5596F8
#0099C7
#774384
#416E90
#6194C0
#9CBCD9
#96D7FF
#005359
#529D9F
#8ACBCC
#8DE4F3
#425355
#588DAD
#9081B1
#A8AEBB
#2346A2
#005F8E
#7168AA
#00A9C8
#4B537A
#892680
#1CA6FF
#D1B6F9
#6C3284
#B171A2
#AD9FE1
#A8BBFF
#77DADA
#7EB3A3
#41674C
#37565E
#00727A
#667248
#869387
#68B4A1
#7D4B71
#AA76BD
#C0A1FF
#E59CB9
#A26ACD
#CB5A8F
#6F5FCC
#763070
#845070
#4BA4F2
#CA95ED
#CDD2FF
#0086A6
#4D9184
#37A8F6
#00CCD6
#00545D
#006E7A
#00C4CE
#3BD9F9
#004345
#008991
#00B9B8
#00D4CE