#7400B8
#5E60CE
#4EA8DE
#80FFDB
#5A4492Dusk
#8100D1Violet
#DDA2FFMauve
#00DCBEEucalyptus
Cool Violet & Eucalyptus is a vivid split color palette tagged neon, cold, purple. A split scheme: Dusk plays against Eucalyptus across roughly 106° 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 |
|---|---|---|---|---|---|
| Dusk | #5A4492 | rgb(90, 68, 146) | hsl(257, 36%, 42%) | oklch(44.9% 0.124 294) | |
| Violet | #8100D1 | rgb(129, 0, 209) | hsl(277, 100%, 41%) | oklch(48.8% 0.255 304) | |
| Mauve | #DDA2FF | rgb(221, 162, 255) | hsl(278, 100%, 82%) | oklch(80.1% 0.141 313) | |
| Eucalyptus | #00DCBE | rgb(0, 220, 190) | hsl(172, 100%, 43%) | oklch(80.0% 0.147 178) |
Why it works and how to use it
With 4 chromatic colors, Violet takes the lead while the rest support. Lightness runs from 41% to 82%. Well suited to websites, presentations and branding.
- Background: Eucalyptus (#00DCBE) is the lightest color, so it belongs on large surfaces.
- Text: Dusk (#5A4492) on #00DCBE gives 4.48:1, enough for large headings only.
- Primary: Violet (#8100D1) is the most saturated mid-tone; use it for buttons and links (4.2:1 against the background, fine for UI elements).
- Accent: Mauve (#DDA2FF) 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 Cool Violet & Eucalyptus
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
#5A4492
#8100D1
#DDA2FF
#00DCBE
Color-blind check: under tritanopia, Dusk and Violet 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 |
|---|---|---|---|
#5A4492 on #00DCBE | Aa | 4.48:1 | AA large only |
#8100D1 on #00DCBE | Aa | 4.2:1 | AA large only |
#5A4492 on #DDA2FF | Aa | 3.99:1 | AA large only |
#8100D1 on #DDA2FF | Aa | 3.74:1 | AA large only |
#DDA2FF on #00DCBE | Aa | 1.12:1 | Fail |
#5A4492 on #8100D1 | Aa | 1.07:1 | Fail |
Similar palettes 24 more in this mood
#4B0082
#8A2BE2
#DA70D6
#FFE4F3
#A630C1
#755EF5
#7ABCFF
#80E6FF
#121826
#8A2BE2
#00FFC6
#F0F0FF
#650088
#9F45E1
#AE63D0
#DCB5FF
#0C050C
#B296FF
#EE70FF
#99D6FF
#5341A4
#5D33DA
#AA98FF
#F1EFFC
#64299F
#A34CFF
#F78BF3
#FFF8FC
#00090B
#7C49FF
#008996
#00A7E4
#262D3C
#A049FD
#C9FFEA
#F9F9FF
#004558
#00588E
#5550EB
#A95CFF
#A4C5FF
#9D93FF
#C049FF
#160819
#170A1D
#895DE6
#0093D1
#DE3BF3
#EDE8FF
#927AFF
#7F2BC5
#110818
#FBFAFF
#C2B8D7
#7F23FE
#555071
#534E7E
#6031B0
#A828FB
#FF93DE
#9137D9
#7277E7
#66BFF6
#EDFFF9
#5A4492
#6F00C2
#A828FB
#DDA2FF
#5B3DF5
#8E6BFF
#FF8FB1
#FFD1DC
#02040F
#7500C7
#00E3B0
#D9D9E7
#FDFDFD
#E6E2ED
#7B56FF
#554F77
#271545
#7943FF
#C594FF
#FCF9FF
#5D4390
#6A08F2
#B266FF
#C6B6D8
#2E1890
#5945F7
#BB7CF7
#F8E6FC