#A630C1
#755EF5
#7ABCFF
#80E6FF
#9137D9Violet
#7277E7Blueberry
#66BFF6Cyan
#EDFFF9Ivory
Violet & Blueberry Hour is a vivid split color palette tagged vibrant, neon, cold. A split scheme: Violet plays against Cyan across roughly 70° 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 |
|---|---|---|---|---|---|
| Violet | #9137D9 | rgb(145, 55, 217) | hsl(273, 68%, 53%) | oklch(54.5% 0.232 305) | |
| Blueberry | #7277E7 | rgb(114, 119, 231) | hsl(237, 71%, 68%) | oklch(62.0% 0.166 278) | |
| Cyan | #66BFF6 | rgb(102, 191, 246) | hsl(203, 89%, 68%) | oklch(77.1% 0.116 238) | |
| Ivory | #EDFFF9 | rgb(237, 255, 249) | hsl(160, 100%, 96%) | oklch(98.5% 0.020 174) |
Why it works and how to use it
With 3 chromatic colors, Cyan takes the lead while the rest support. Lightness runs from 53% to 96%. Well suited to websites, presentations and branding.
- Background: Ivory (#EDFFF9) is the lightest color, so it belongs on large surfaces.
- Text: Violet (#9137D9) on #EDFFF9 gives 5.4:1, passing WCAG AA.
- Primary: Cyan (#66BFF6) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Blueberry (#7277E7) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Violet on Ivory at 5.4:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Violet & Blueberry Hour
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
#9137D9
#7277E7
#66BFF6
#EDFFF9
Color-blind check: under deuteranopia, Violet and Blueberry 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 |
|---|---|---|---|
#9137D9 on #EDFFF9 | Aa | 5.4:1 | AA |
#7277E7 on #EDFFF9 | Aa | 3.68:1 | AA large only |
#9137D9 on #66BFF6 | Aa | 2.76:1 | Fail |
#66BFF6 on #EDFFF9 | Aa | 1.96:1 | Fail |
#7277E7 on #66BFF6 | Aa | 1.88:1 | Fail |
#9137D9 on #7277E7 | Aa | 1.47:1 | Fail |
Similar palettes 24 more in this mood
#121826
#8A2BE2
#00FFC6
#F0F0FF
#5341A4
#5D33DA
#AA98FF
#F1EFFC
#64299F
#A34CFF
#F78BF3
#FFF8FC
#004558
#00588E
#5550EB
#A95CFF
#A4C5FF
#9D93FF
#C049FF
#160819
#170A1D
#895DE6
#0093D1
#DE3BF3
#06032F
#1A39FF
#8480FF
#E9EAFF
#F4F1EA
#2B2B2B
#5CA2FF
#8E44AD
#271545
#7943FF
#C594FF
#FCF9FF
#2E1890
#5945F7
#BB7CF7
#F8E6FC
#F72585
#7209B7
#3A0CA3
#4CC9F0
#7400B8
#5E60CE
#4EA8DE
#80FFDB
#4B0082
#8A2BE2
#DA70D6
#FFE4F3
#692390
#5E6891
#4194F1
#DBD6FF
#D62598
#7B2CBF
#FFC300
#FFFFFF
#0ACAF9
#00C5C1
#005BAE
#4C37A8
#FEA2FF
#6CC9FF
#9E72F2
#5A85FF
#650088
#9F45E1
#AE63D0
#DCB5FF
#121016
#54149C
#693B79
#5B9FFF
#5F31A6
#8F37B7
#DA86E8
#FEF8FF
#6F3EAB
#9C38A1
#8B98FF
#7FBCFF
#2FA4FF
#956FF2
#526CFC
#912BAE
#7A91FF
#CBA6FF
#FF92EE
#87CBFF