What are the hex codes in the Mulberry & Plum Dream palette?

The Mulberry & Plum Dream color palette consists of Space #3C093E, Plum #88358B, Mulberry #B738AC, Wisteria #E88CD5.

How should I use the Mulberry & Plum Dream palette on a website?

Use Wisteria #E88CD5 as the background, Space #3C093E for text, Mulberry #B738AC for buttons and links, and Plum #88358B for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Wisteria at 7.03:1.

Which colors in Mulberry & Plum Dream have enough contrast for text?

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

#3C093ESpace

#88358BPlum

#B738ACMulberry

#E88CD5Wisteria

Mulberry & Plum Dream color palette

Gradient Dark Vibrant Purple

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Space	`#3C093E`	`rgb(60, 9, 62)`	`hsl(298, 75%, 14%)`	`oklch(26.1% 0.104 326)`
Plum	`#88358B`	`rgb(136, 53, 139)`	`hsl(298, 45%, 38%)`	`oklch(47.9% 0.157 326)`
Mulberry	`#B738AC`	`rgb(183, 56, 172)`	`hsl(305, 53%, 47%)`	`oklch(56.9% 0.206 332)`
Wisteria	`#E88CD5`	`rgb(232, 140, 213)`	`hsl(312, 67%, 73%)`	`oklch(75.9% 0.144 335)`

Why it works and how to use it

Mulberry & Plum Dream is a monochromatic color palette tagged gradient, dark, vibrant. A monochromatic set: the same hue family from Space down to Wisteria. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

With 4 chromatic colors, Mulberry takes the lead while the rest support. Lightness runs from 14% to 73%. Well suited to websites, presentations and branding.

Background: Wisteria (#E88CD5) is the lightest color, so it belongs on large surfaces.
Text: Space (#3C093E) on #E88CD5 gives 7.03:1, passing WCAG AAA.
Primary: Mulberry (#B738AC) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Plum (#88358B) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Mulberry & Plum Dream

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

#3C093E

#88358B

#B738AC

#E88CD5

Color-blind check: under protanopia, Plum and Mulberry become hard to tell apart, so do not rely on that pair alone to carry meaning.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#3C093E` on `#E88CD5`	Aa	7.03:1	AAA
`#3C093E` on `#B738AC`	Aa	3.21:1	AA large only
`#88358B` on `#E88CD5`	Aa	3.12:1	AA large only
`#3C093E` on `#88358B`	Aa	2.25:1	Fail
`#B738AC` on `#E88CD5`	Aa	2.19:1	Fail
`#88358B` on `#B738AC`	Aa	1.43:1	Fail

Similar palettes 24 more in this mood