What are the hex codes in the Regal Grape & Wisteria palette?

The Regal Grape & Wisteria color palette consists of Space #3B1752, Grape #793EA4, Wisteria #C493DF, Frost #F1EFFC.

How should I use the Regal Grape & Wisteria palette on a website?

Use Frost #F1EFFC as the background, Space #3B1752 for text, Wisteria #C493DF for buttons and links, and Grape #793EA4 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Frost at 12.93:1.

Which colors in Regal Grape & Wisteria have enough contrast for text?

The highest-contrast pair is #3B1752 on #F1EFFC with a ratio of 12.93:1, which passes WCAG AA for normal text.

#3B1752Space

#793EA4Grape

#C493DFWisteria

#F1EFFCFrost

Regal Grape & Wisteria color palette

Cold Tech Dark Purple White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Space	`#3B1752`	`rgb(59, 23, 82)`	`hsl(277, 56%, 21%)`	`oklch(29.1% 0.105 309)`
Grape	`#793EA4`	`rgb(121, 62, 164)`	`hsl(275, 45%, 44%)`	`oklch(48.6% 0.162 308)`
Wisteria	`#C493DF`	`rgb(196, 147, 223)`	`hsl(279, 54%, 73%)`	`oklch(73.7% 0.119 313)`
Frost	`#F1EFFC`	`rgb(241, 239, 252)`	`hsl(249, 68%, 96%)`	`oklch(95.7% 0.017 293)`

Why it works and how to use it

Regal Grape & Wisteria is a monochromatic color palette tagged cold, tech, dark. All four colors sit within 4° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. The overall temperature is cool.

With 3 chromatic colors, Wisteria takes the lead while the rest support. Lightness runs from 21% to 96%. Well suited to a SaaS landing page or dashboard.

Background: Frost (#F1EFFC) is the lightest color, so it belongs on large surfaces.
Text: Space (#3B1752) on #F1EFFC gives 12.93:1, passing WCAG AAA.
Primary: Wisteria (#C493DF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Grape (#793EA4) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Frost at 12.93:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Regal Grape & Wisteria

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

#3B1752

#793EA4

#C493DF

#F1EFFC

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
`#3B1752` on `#F1EFFC`	Aa	12.93:1	AAA
`#793EA4` on `#F1EFFC`	Aa	6.09:1	AA
`#3B1752` on `#C493DF`	Aa	6:1	AA
`#793EA4` on `#C493DF`	Aa	2.83:1	Fail
`#C493DF` on `#F1EFFC`	Aa	2.15:1	Fail
`#3B1752` on `#793EA4`	Aa	2.12:1	Fail

Similar palettes 24 more in this mood