What are the hex codes in the Rosewood palette?

The Rosewood color palette consists of Plum Purple #5C2A2E, Chestnut #8E4A50, Dust #C99095, Linen #F5E9E9.

How should I use the Rosewood palette on a website?

Use Linen #F5E9E9 as the background, Plum Purple #5C2A2E for text, Dust #C99095 for buttons and links, and Chestnut #8E4A50 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Plum Purple on Linen at 9.7:1.

Which colors in Rosewood have enough contrast for text?

The highest-contrast pair is #5C2A2E on #F5E9E9 with a ratio of 9.7:1, which passes WCAG AA for normal text.

#5C2A2EPlum Purple

#8E4A50Chestnut

#C99095Dust

#F5E9E9Linen

Rosewood color palette

Vintage Muted Warm White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Plum Purple	`#5C2A2E`	`rgb(92, 42, 46)`	`hsl(355, 37%, 26%)`	`oklch(35.5% 0.073 17)`
Chestnut	`#8E4A50`	`rgb(142, 74, 80)`	`hsl(355, 31%, 42%)`	`oklch(49.4% 0.092 15)`
Dust	`#C99095`	`rgb(201, 144, 149)`	`hsl(355, 35%, 68%)`	`oklch(71.0% 0.070 13)`
Linen	`#F5E9E9`	`rgb(245, 233, 233)`	`hsl(0, 38%, 94%)`	`oklch(94.3% 0.013 17)`

Why it works and how to use it

Rosewood is a monochromatic color palette tagged vintage, muted, warm. All four colors sit within 5° 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 overall temperature is warm.

With 4 chromatic colors, Dust takes the lead while the rest support. Lightness runs from 26% to 94%. Well suited to websites, presentations and branding.

Background: Linen (#F5E9E9) is the lightest color, so it belongs on large surfaces.
Text: Plum Purple (#5C2A2E) on #F5E9E9 gives 9.7:1, passing WCAG AAA.
Primary: Dust (#C99095) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Chestnut (#8E4A50) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Plum Purple on Linen at 9.7:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Rosewood

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

#5C2A2E

#8E4A50

#C99095

#F5E9E9

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
`#5C2A2E` on `#F5E9E9`	Aa	9.7:1	AAA
`#8E4A50` on `#F5E9E9`	Aa	5.46:1	AA
`#5C2A2E` on `#C99095`	Aa	4.33:1	AA large only
`#8E4A50` on `#C99095`	Aa	2.44:1	Fail
`#C99095` on `#F5E9E9`	Aa	2.24:1	Fail
`#5C2A2E` on `#8E4A50`	Aa	1.78:1	Fail

Similar palettes 24 more in this mood