#692390
#5E6891
#4194F1
#DBD6FF
#563E5AEggplant
#9D7DE4Amethyst
#98A5D0Dusty Blue
#FFB8DECotton Candy
Frosted Amethyst & Cotton Candy color palette
Frosted Amethyst & Cotton Candy is a split color palette tagged purple. A split scheme: Eggplant plays against Cotton Candy across roughly 102° 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 | #563E5A | rgb(86, 62, 90) | hsl(291, 18%, 30%) | oklch(40.1% 0.055 322) | |
| Amethyst | #9D7DE4 | rgb(157, 125, 228) | hsl(259, 66%, 69%) | oklch(66.4% 0.151 296) | |
| Dusty Blue | #98A5D0 | rgb(152, 165, 208) | hsl(226, 37%, 71%) | oklch(72.7% 0.064 272) | |
| Cotton Candy | #FFB8DE | rgb(255, 184, 222) | hsl(328, 100%, 86%) | oklch(85.9% 0.095 346) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (86% down to 30% lightness). A natural fit for websites, presentations and branding.
- Background: Cotton Candy (#FFB8DE) is the lightest color, so it belongs on large surfaces.
- Text: Eggplant (#563E5A) on #FFB8DE gives 5.9:1, passing WCAG AA.
- Primary: Amethyst (#9D7DE4) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Dusty Blue (#98A5D0) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Eggplant on Cotton Candy at 5.9:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Frosted Amethyst & Cotton Candy
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
#563E5A
#9D7DE4
#98A5D0
#FFB8DE
Color-blind check: under tritanopia, Amethyst and Dusty Blue 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 |
|---|---|---|---|
#563E5A on #FFB8DE | Aa | 5.9:1 | AA |
#563E5A on #98A5D0 | Aa | 3.86:1 | AA large only |
#563E5A on #9D7DE4 | Aa | 2.91:1 | Fail |
#9D7DE4 on #FFB8DE | Aa | 2.03:1 | Fail |
#98A5D0 on #FFB8DE | Aa | 1.53:1 | Fail |
#9D7DE4 on #98A5D0 | Aa | 1.33:1 | Fail |
Similar palettes 24 more in this mood
#7D4B71
#AA76BD
#C0A1FF
#E59CB9
#68709B
#9271DA
#639EC2
#84B8FF
#A26ACD
#CB5A8F
#6F5FCC
#763070
#845070
#4BA4F2
#CA95ED
#CDD2FF
#0085AA
#6B819E
#AE8DBC
#B4B0FF
#0ACAF9
#00C5C1
#005BAE
#4C37A8
#96BAFE
#8F7CCD
#00939A
#005D7F
#6A3C63
#5F6FA3
#BCABD8
#BBD7EB
#FFB9E6
#3AA1F5
#A26DCA
#2B287A
#BEB6FF
#5596F8
#0099C7
#774384
#2346A2
#005F8E
#7168AA
#00A9C8
#4B537A
#892680
#1CA6FF
#D1B6F9
#6C3284
#B171A2
#AD9FE1
#A8BBFF
#0086A6
#4D9184
#37A8F6
#00CCD6
#D1DBF0
#7B9CA4
#7B71A9
#507C99
#00545D
#006E7A
#00C4CE
#3BD9F9
#637700
#527F73
#00A866
#88A680
#004345
#008991
#00B9B8
#00D4CE
#7F9A6D
#009C99
#3F7283
#1F4E3A
#9DE8D2
#00B1B8
#2E7940
#273400
#BDE0FF
#86E6E9
#737F9E
#36555F
#574276
#595D6D
#9E819B
#EBA3B8
#002E6E
#1A73D4
#6D93E8
#9DC6FF