What are the hex codes in the Velvet Grape & Orchid palette?

The Velvet Grape & Orchid color palette consists of Indigo #480061, Grape #8E1FAC, Orchid #DC75EA, Mauve #EFA5EF.

How should I use the Velvet Grape & Orchid palette on a website?

Use Mauve #EFA5EF as the background, Indigo #480061 for text, Orchid #DC75EA for buttons and links, and Grape #8E1FAC for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Indigo on Mauve at 7.8:1.

Which colors in Velvet Grape & Orchid have enough contrast for text?

The highest-contrast pair is #480061 on #EFA5EF with a ratio of 7.8:1, which passes WCAG AA for normal text.

#480061Indigo

#8E1FACGrape

#DC75EAOrchid

#EFA5EFMauve

Velvet Grape & Orchid color palette

Gradient Vibrant Cold Purple

Color codes click any value to copy

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

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.

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 Secondary

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.

Palette card

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