What are the hex codes in the Cranberry & Mauve Glow palette?

The Cranberry & Mauve Glow color palette consists of Mauve #FE9AED, Blush #C77D96, Cedar #923E00, Cranberry #8F101F.

How should I use the Cranberry & Mauve Glow palette on a website?

Use Mauve #FE9AED as the background, Cranberry #8F101F for text, Cedar #923E00 for buttons and links, and Blush #C77D96 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Mauve on Cranberry at 4.89:1.

Which colors in Cranberry & Mauve Glow have enough contrast for text?

The highest-contrast pair is #FE9AED on #8F101F with a ratio of 4.89:1, which passes WCAG AA for normal text.

#FE9AEDMauve

#C77D96Blush

#923E00Cedar

#8F101FCranberry

Cranberry & Mauve Glow color palette

Autumn Vibrant Warm Purple Red

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Mauve	`#FE9AED`	`rgb(254, 154, 237)`	`hsl(310, 98%, 80%)`	`oklch(81.5% 0.156 333)`
Blush	`#C77D96`	`rgb(199, 125, 150)`	`hsl(340, 40%, 64%)`	`oklch(67.4% 0.097 358)`
Cedar	`#923E00`	`rgb(146, 62, 0)`	`hsl(25, 100%, 29%)`	`oklch(46.9% 0.129 47)`
Cranberry	`#8F101F`	`rgb(143, 16, 31)`	`hsl(353, 80%, 31%)`	`oklch(41.8% 0.158 23)`

Why it works and how to use it

Cranberry & Mauve Glow is a vivid split color palette tagged autumn, vibrant, warm. A split scheme: Mauve plays against Cranberry across roughly 75° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is warm.

With 4 chromatic colors, Cedar takes the lead while the rest support. Lightness runs from 29% to 80%. Well suited to websites, presentations and branding.

Background: Mauve (#FE9AED) is the lightest color, so it belongs on large surfaces.
Text: Cranberry (#8F101F) on #FE9AED gives 4.89:1, passing WCAG AA.
Primary: Cedar (#923E00) is the most saturated mid-tone; use it for buttons and links (3.8:1 against the background, fine for UI elements).
Accent: Blush (#C77D96) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Cranberry & Mauve Glow

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

#FE9AED

#C77D96

#923E00

#8F101F

Color-blind check: under deuteranopia and tritanopia, Cedar and Cranberry 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
`#FE9AED` on `#8F101F`	Aa	4.89:1	AA
`#FE9AED` on `#923E00`	Aa	3.8:1	AA large only
`#C77D96` on `#8F101F`	Aa	3.01:1	AA large only
`#C77D96` on `#923E00`	Aa	2.34:1	Fail
`#FE9AED` on `#C77D96`	Aa	1.63:1	Fail
`#923E00` on `#8F101F`	Aa	1.29:1	Fail

Similar palettes 24 more in this mood