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

The Cranberry & Rosewood Glow color palette consists of Rosewood #590015, Cranberry #9A2235, Putty #C8B8B0, Fog #DBD7D4.

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

Use Fog #DBD7D4 as the background, Rosewood #590015 for text, Cranberry #9A2235 for buttons and links, and Putty #C8B8B0 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Rosewood on Fog at 10.23:1.

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

The highest-contrast pair is #590015 on #DBD7D4 with a ratio of 10.23:1, which passes WCAG AA for normal text.

#590015Rosewood

#9A2235Cranberry

#C8B8B0Putty

#DBD7D4Fog

Cranberry & Rosewood Glow color palette

Dark Warm Brown Red Gray

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Rosewood	`#590015`	`rgb(89, 0, 21)`	`hsl(346, 100%, 17%)`	`oklch(29.4% 0.118 18)`
Cranberry	`#9A2235`	`rgb(154, 34, 53)`	`hsl(351, 64%, 37%)`	`oklch(45.5% 0.155 18)`
Putty	`#C8B8B0`	`rgb(200, 184, 176)`	`hsl(20, 18%, 74%)`	`oklch(79.4% 0.021 48)`
Fog	`#DBD7D4`	`rgb(219, 215, 212)`	`hsl(26, 9%, 85%)`	`oklch(88.1% 0.006 60)`

Why it works and how to use it

Cranberry & Rosewood Glow is an analogous color palette tagged dark, warm, brown. Analogous neighbors on the wheel (Rosewood, Cranberry, Putty) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

The palette holds together thanks to its analogous hue relationship and a strong light-to-dark ladder (85% down to 17% lightness). A natural fit for websites, presentations and branding.

Background: Fog (#DBD7D4) is the lightest color, so it belongs on large surfaces.
Text: Rosewood (#590015) on #DBD7D4 gives 10.23:1, passing WCAG AAA.
Primary: Cranberry (#9A2235) is the most saturated mid-tone; use it for buttons and links (5.53:1 against the background, fine for UI elements).
Accent: Putty (#C8B8B0) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Rosewood on Fog at 10.23:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Cranberry & Rosewood 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

#590015

#9A2235

#C8B8B0

#DBD7D4

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
`#590015` on `#DBD7D4`	Aa	10.23:1	AAA
`#590015` on `#C8B8B0`	Aa	7.62:1	AAA
`#9A2235` on `#DBD7D4`	Aa	5.53:1	AA
`#9A2235` on `#C8B8B0`	Aa	4.12:1	AA large only
`#590015` on `#9A2235`	Aa	1.85:1	Fail
`#C8B8B0` on `#DBD7D4`	Aa	1.34:1	Fail

Similar palettes 24 more in this mood