What are the hex codes in the Plum Wine palette?

The Plum Wine color palette consists of Space #3C1642, Plum #814181, Mulberry #B565A7, Lavender #F3E8F3.

How should I use the Plum Wine palette on a website?

Use Lavender #F3E8F3 as the background, Space #3C1642 for text, Mulberry #B565A7 for buttons and links, and Plum #814181 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Lavender at 12.74:1.

Which colors in Plum Wine have enough contrast for text?

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

#3C1642Space

#814181Plum

#B565A7Mulberry

#F3E8F3Lavender

Plum Wine color palette

Luxury Dark Purple White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Space	`#3C1642`	`rgb(60, 22, 66)`	`hsl(292, 50%, 17%)`	`oklch(27.9% 0.089 322)`
Plum	`#814181`	`rgb(129, 65, 129)`	`hsl(300, 33%, 38%)`	`oklch(48.0% 0.123 327)`
Mulberry	`#B565A7`	`rgb(181, 101, 167)`	`hsl(311, 35%, 55%)`	`oklch(62.0% 0.133 334)`
Lavender	`#F3E8F3`	`rgb(243, 232, 243)`	`hsl(300, 31%, 93%)`	`oklch(94.3% 0.019 326)`

Why it works and how to use it

Plum Wine is a monochromatic color palette tagged luxury, dark, purple. All four colors sit within 19° 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 palette holds together thanks to its monochromatic hue relationship and a strong light-to-dark ladder (93% down to 17% lightness). A natural fit for premium branding and packaging.

Background: Lavender (#F3E8F3) is the lightest color, so it belongs on large surfaces.
Text: Space (#3C1642) on #F3E8F3 gives 12.74:1, passing WCAG AAA.
Primary: Mulberry (#B565A7) is the most saturated mid-tone; use it for buttons and links (3.28:1 against the background, fine for UI elements).
Accent: Plum (#814181) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Lavender at 12.74:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Plum Wine

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

#3C1642

#814181

#B565A7

#F3E8F3

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
`#3C1642` on `#F3E8F3`	Aa	12.74:1	AAA
`#814181` on `#F3E8F3`	Aa	5.87:1	AA
`#3C1642` on `#B565A7`	Aa	3.89:1	AA large only
`#B565A7` on `#F3E8F3`	Aa	3.28:1	AA large only
`#3C1642` on `#814181`	Aa	2.17:1	Fail
`#814181` on `#B565A7`	Aa	1.79:1	Fail

Similar palettes 24 more in this mood