#3C096C
#7B2CBF
#C77DFF
#E0AAFF
#480061Indigo
#8E1FACGrape
#DC75EAOrchid
#EFA5EFMauve
Velvet Grape & Orchid is a vivid monochromatic color palette tagged gradient, vibrant, cold. All four colors sit within 15° of hue, so the scheme reads as one color explored across light and dark. These are bold, punchy colors that need generous white space around them.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Indigo | #480061 | rgb(72, 0, 97) | hsl(285, 100%, 19%) | oklch(30.2% 0.150 314) | |
| Grape | #8E1FAC | rgb(142, 31, 172) | hsl(287, 69%, 40%) | oklch(48.8% 0.214 318) | |
| Orchid | #DC75EA | rgb(220, 117, 234) | hsl(293, 74%, 69%) | oklch(72.1% 0.193 323) | |
| Mauve | #EFA5EF | rgb(239, 165, 239) | hsl(300, 70%, 79%) | oklch(81.7% 0.129 327) |
Why it works and how to use it
With 4 chromatic colors, Orchid takes the lead while the rest support. Lightness runs from 19% to 79%. Well suited to websites, presentations and branding.
- Background: Mauve (#EFA5EF) is the lightest color, so it belongs on large surfaces.
- Text: Indigo (#480061) on #EFA5EF gives 7.8:1, passing WCAG AAA.
- Primary: Orchid (#DC75EA) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Grape (#8E1FAC) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Indigo on Mauve at 7.8:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Velvet 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
#480061
#8E1FAC
#DC75EA
#EFA5EF
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#480061 on #EFA5EF | Aa | 7.8:1 | AAA |
#480061 on #DC75EA | Aa | 5.37:1 | AA |
#8E1FAC on #EFA5EF | Aa | 3.84:1 | AA large only |
#8E1FAC on #DC75EA | Aa | 2.64:1 | Fail |
#480061 on #8E1FAC | Aa | 2.03:1 | Fail |
#DC75EA on #EFA5EF | Aa | 1.45:1 | Fail |
Similar palettes 24 more in this mood
#A630C1
#755EF5
#7ABCFF
#80E6FF
#5F31A6
#8F37B7
#DA86E8
#FEF8FF
#6F3EAB
#9C38A1
#8B98FF
#7FBCFF
#2FA4FF
#956FF2
#526CFC
#912BAE
#3F71CC
#AE47D1
#B0A5FF
#40C1FF
#386AD0
#6E73E3
#B49DFF
#DEB4FF
#95489F
#3F9CEF
#C1A3FF
#B6C5FF
#004558
#00588E
#5550EB
#A95CFF
#502981
#7C46D4
#A48AFF
#E4E4FF
#222897
#5733BB
#9875E4
#F3E5F5
#CDB3FF
#BD84FF
#7F32B0
#440F5B
#5B3DF5
#8E6BFF
#FF8FB1
#FFD1DC
#2D1374
#6438CD
#AC8DFF
#CCB4FF
#542A89
#984EE0
#D7A6FF
#EBC9FF
#381F94
#6A2AB1
#AA6ED8
#F3E5F5
#4A148C
#7B1FA2
#BA68C8
#F3E5F5
#9FA9FF
#C8AEFF
#F0BFEF
#FFE3EE
#3A0CA3
#7209B7
#B5179E
#F72585
#981A69
#AD1F03
#FF6A89
#FC83FF
#7C4EB5
#EC483E
#FF85B0
#F590EC
#635DEA
#CE74AD
#4DACFF
#DAA2FF
#005EA2
#8049CD
#5B6AC0
#F7B2FF
#ADC0FF
#62AEEE
#AF85FF
#BA71C1