What are the hex codes in the Deep Cranberry & Mulberry palette?

The Deep Cranberry & Mulberry color palette consists of Cranberry #9D0044, Mulberry #AC408E, Wisteria #A98DDC, Glacier #C6EAFF.

How should I use the Deep Cranberry & Mulberry palette on a website?

Use Glacier #C6EAFF as the background, Cranberry #9D0044 for text, Wisteria #A98DDC for buttons and links, and Mulberry #AC408E for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Cranberry on Glacier at 6.6:1.

Which colors in Deep Cranberry & Mulberry have enough contrast for text?

The highest-contrast pair is #9D0044 on #C6EAFF with a ratio of 6.6:1, which passes WCAG AA for normal text.

#9D0044Cranberry

#AC408EMulberry

#A98DDCWisteria

#C6EAFFGlacier

Deep Cranberry & Mulberry color palette

Vibrant Purple

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Cranberry	`#9D0044`	`rgb(157, 0, 68)`	`hsl(334, 100%, 31%)`	`oklch(44.7% 0.179 7)`
Mulberry	`#AC408E`	`rgb(172, 64, 142)`	`hsl(317, 46%, 46%)`	`oklch(54.6% 0.167 340)`
Wisteria	`#A98DDC`	`rgb(169, 141, 220)`	`hsl(261, 53%, 71%)`	`oklch(69.9% 0.117 300)`
Glacier	`#C6EAFF`	`rgb(198, 234, 255)`	`hsl(202, 100%, 89%)`	`oklch(91.8% 0.047 234)`

Why it works and how to use it

Deep Cranberry & Mulberry is a vivid complementary color palette tagged vibrant, purple. Cranberry and Glacier sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. These are bold, punchy colors that need generous white space around them. Warm and cool hues are mixed, which adds depth.

With 4 chromatic colors, Wisteria takes the lead while the rest support. Lightness runs from 31% to 89%. Well suited to websites, presentations and branding.

Background: Glacier (#C6EAFF) is the lightest color, so it belongs on large surfaces.
Text: Cranberry (#9D0044) on #C6EAFF gives 6.6:1, passing WCAG AA.
Primary: Wisteria (#A98DDC) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Mulberry (#AC408E) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Cranberry on Glacier at 6.6:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Deep Cranberry & Mulberry

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

#9D0044

#AC408E

#A98DDC

#C6EAFF

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
`#9D0044` on `#C6EAFF`	Aa	6.6:1	AA
`#AC408E` on `#C6EAFF`	Aa	4.28:1	AA large only
`#9D0044` on `#A98DDC`	Aa	2.99:1	Fail
`#A98DDC` on `#C6EAFF`	Aa	2.21:1	Fail
`#AC408E` on `#A98DDC`	Aa	1.94:1	Fail
`#9D0044` on `#AC408E`	Aa	1.54:1	Fail

:root {
  --cranberry: #9D0044;
  --mulberry: #AC408E;
  --wisteria: #A98DDC;
  --glacier: #C6EAFF;
}

$cranberry: #9D0044;
$mulberry: #AC408E;
$wisteria: #A98DDC;
$glacier: #C6EAFF;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'cranberry': '#9D0044',
        'mulberry': '#AC408E',
        'wisteria': '#A98DDC',
        'glacier': '#C6EAFF',
      },
    },
  },
};

{
  "name": "Deep Cranberry & Mulberry",
  "colors": [
    "#9D0044",
    "#AC408E",
    "#A98DDC",
    "#C6EAFF"
  ]
}

background: linear-gradient(135deg, #9D0044, #AC408E, #A98DDC, #C6EAFF);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2025-09-30 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood