#3C096C
#7B2CBF
#C77DFF
#E0AAFF
#5F31A6Grape
#8F37B7Grape
#DA86E8Orchid
#FEF8FFSnow
Bold Grape & Orchid is a vivid analogous color palette tagged gradient, vibrant, cold. Analogous neighbors on the wheel (Grape, Grape, Orchid) give it a natural, low-tension flow. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Grape | #5F31A6 | rgb(95, 49, 166) | hsl(264, 54%, 42%) | oklch(44.0% 0.177 296) | |
| Grape | #8F37B7 | rgb(143, 55, 183) | hsl(281, 54%, 47%) | oklch(51.8% 0.199 313) | |
| Orchid | #DA86E8 | rgb(218, 134, 232) | hsl(291, 68%, 72%) | oklch(74.2% 0.162 322) | |
| Snow | #FEF8FF | rgb(254, 248, 255) | hsl(291, 100%, 99%) | oklch(98.6% 0.011 321) |
Why it works and how to use it
It works because the lightness range is wide (42% to 99%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Snow (#FEF8FF) is the lightest color, so it belongs on large surfaces.
- Text: Grape (#5F31A6) on #FEF8FF gives 8.11:1, passing WCAG AAA.
- Primary: Orchid (#DA86E8) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Grape (#8F37B7) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Grape on Snow at 8.11:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Bold Grape & Orchid
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
#5F31A6
#8F37B7
#DA86E8
#FEF8FF
Color-blind check: under protanopia and deuteranopia, Grape and Grape 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 |
|---|---|---|---|
#5F31A6 on #FEF8FF | Aa | 8.11:1 | AAA |
#8F37B7 on #FEF8FF | Aa | 5.91:1 | AA |
#5F31A6 on #DA86E8 | Aa | 3.45:1 | AA large only |
#8F37B7 on #DA86E8 | Aa | 2.52:1 | Fail |
#DA86E8 on #FEF8FF | Aa | 2.35:1 | Fail |
#5F31A6 on #8F37B7 | Aa | 1.37:1 | Fail |
Similar palettes 24 more in this mood
#A630C1
#755EF5
#7ABCFF
#80E6FF
#6F3EAB
#9C38A1
#8B98FF
#7FBCFF
#2FA4FF
#956FF2
#526CFC
#912BAE
#3F71CC
#AE47D1
#B0A5FF
#40C1FF
#386AD0
#6E73E3
#B49DFF
#DEB4FF
#95489F
#3F9CEF
#C1A3FF
#B6C5FF
#3F1F52
#7D4DAB
#B275FF
#FCF9FF
#BD5BD4
#8EC5FC
#E0C3FC
#FDFDFD
#DC59D2
#FF82A9
#FFC8B3
#FFEDE5
#004558
#00588E
#5550EB
#A95CFF
#502981
#7C46D4
#A48AFF
#E4E4FF
#46399E
#5F68D3
#8CAAFC
#E3F2FD
#480061
#8E1FAC
#DC75EA
#EFA5EF
#222897
#5733BB
#9875E4
#F3E5F5
#772278
#9F4FAF
#C896E6
#E3F2FD
#CDB3FF
#BD84FF
#7F32B0
#440F5B
#5B3DF5
#8E6BFF
#FF8FB1
#FFD1DC
#2D1374
#6438CD
#AC8DFF
#CCB4FF
#542A89
#984EE0
#D7A6FF
#EBC9FF
#381F94
#6A2AB1
#AA6ED8
#F3E5F5
#554262
#9076AF
#C9A8FB
#F3EAFD
#7F1767
#B9217D
#E565B2
#FCE4EC
#0D47A1
#1976D2
#64B5F6
#E3F2FD