#1A1B26
#4B5273
#7AA2F7
#BB9AF7
#9C70CBAmethyst
#98A0E4Dusty Blue
#AEDEFFPowder Blue
#BDFFE9Ice
Amethyst & Dusty Blue Trail is a vivid light, split color palette tagged cold, purple, blue. A split scheme: Amethyst plays against Ice across roughly 109° 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 |
|---|---|---|---|---|---|
| Amethyst | #9C70CB | rgb(156, 112, 203) | hsl(269, 47%, 62%) | oklch(62.7% 0.139 305) | |
| Dusty Blue | #98A0E4 | rgb(152, 160, 228) | hsl(234, 58%, 75%) | oklch(72.5% 0.099 278) | |
| Powder Blue | #AEDEFF | rgb(174, 222, 255) | hsl(204, 100%, 84%) | oklch(87.8% 0.068 239) | |
| Ice | #BDFFE9 | rgb(189, 255, 233) | hsl(160, 100%, 87%) | oklch(95.0% 0.072 172) |
Why it works and how to use it
With 4 chromatic colors, Powder Blue takes the lead while the rest support. Lightness runs from 62% to 87%. Well suited to websites, presentations and branding.
- Background: Ice (#BDFFE9) is the lightest color, so it belongs on large surfaces.
- Text: Amethyst (#9C70CB) on #BDFFE9 gives 3.33:1, enough for large headings only.
- Primary: Powder Blue (#AEDEFF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Dusty Blue (#98A0E4) 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 Amethyst & Dusty Blue Trail
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
#9C70CB
#98A0E4
#AEDEFF
#BDFFE9
Color-blind check: under tritanopia, Powder Blue and Ice 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 |
|---|---|---|---|
#9C70CB on #BDFFE9 | Aa | 3.33:1 | AA large only |
#9C70CB on #AEDEFF | Aa | 2.63:1 | Fail |
#98A0E4 on #BDFFE9 | Aa | 2.2:1 | Fail |
#98A0E4 on #AEDEFF | Aa | 1.73:1 | Fail |
#9C70CB on #98A0E4 | Aa | 1.52:1 | Fail |
#AEDEFF on #BDFFE9 | Aa | 1.27:1 | Fail |
Similar palettes 24 more in this mood
#692390
#5E6891
#4194F1
#DBD6FF
#68709B
#9271DA
#639EC2
#84B8FF
#160216
#B384FF
#94AAFF
#9BD1FF
#A630C1
#755EF5
#7ABCFF
#80E6FF
#0085AA
#6B819E
#AE8DBC
#B4B0FF
#0ACAF9
#00C5C1
#005BAE
#4C37A8
#3D3B6B
#6D6CA6
#B9B8E3
#F2F1FB
#FEA2FF
#6CC9FF
#9E72F2
#5A85FF
#005EA2
#8049CD
#5B6AC0
#F7B2FF
#ADC0FF
#62AEEE
#AF85FF
#BA71C1
#121016
#54149C
#693B79
#5B9FFF
#96BAFE
#8F7CCD
#00939A
#005D7F
#6F3EAB
#9C38A1
#8B98FF
#7FBCFF
#2FA4FF
#956FF2
#526CFC
#912BAE
#BEB6FF
#5596F8
#0099C7
#774384
#7D3E7F
#4551AA
#006AB0
#DBCAFF
#7A91FF
#CBA6FF
#FF92EE
#87CBFF
#D8BFFF
#B37BF7
#7B31BA
#240042
#0C050C
#B296FF
#EE70FF
#99D6FF
#DBE1FF
#A1D0FC
#EAAFDB
#B9A0D5
#3F71CC
#AE47D1
#B0A5FF
#40C1FF
#386AD0
#6E73E3
#B49DFF
#DEB4FF
#2346A2
#005F8E
#7168AA
#00A9C8