What are the hex codes in the Spiced Plum palette?

The Spiced Plum color palette consists of Espresso #4E1A2E, Brick Red #8E3B46, Bronze #D48A4B, Champagne #F6E7D3.

How should I use the Spiced Plum palette on a website?

Use Champagne #F6E7D3 as the background, Espresso #4E1A2E for text, Bronze #D48A4B for buttons and links, and Brick Red #8E3B46 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Espresso on Champagne at 11.44:1.

Which colors in Spiced Plum have enough contrast for text?

The highest-contrast pair is #4E1A2E on #F6E7D3 with a ratio of 11.44:1, which passes WCAG AA for normal text.

#4E1A2EEspresso

#8E3B46Brick Red

#D48A4BBronze

#F6E7D3Champagne

Spiced Plum color palette

Autumn Warm Brown Beige

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Espresso	`#4E1A2E`	`rgb(78, 26, 46)`	`hsl(337, 50%, 20%)`	`oklch(30.5% 0.081 359)`
Brick Red	`#8E3B46`	`rgb(142, 59, 70)`	`hsl(352, 41%, 39%)`	`oklch(46.7% 0.113 14)`
Bronze	`#D48A4B`	`rgb(212, 138, 75)`	`hsl(28, 61%, 56%)`	`oklch(69.7% 0.120 59)`
Champagne	`#F6E7D3`	`rgb(246, 231, 211)`	`hsl(34, 66%, 90%)`	`oklch(93.5% 0.031 75)`

Why it works and how to use it

Spiced Plum is an analogous color palette tagged autumn, warm, brown. Analogous neighbors on the wheel (Espresso, Brick Red, Bronze) 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 (90% down to 20% lightness). A natural fit for websites, presentations and branding.

Background: Champagne (#F6E7D3) is the lightest color, so it belongs on large surfaces.
Text: Espresso (#4E1A2E) on #F6E7D3 gives 11.44:1, passing WCAG AAA.
Primary: Bronze (#D48A4B) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Brick Red (#8E3B46) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Espresso on Champagne at 11.44:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Spiced Plum

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

#4E1A2E

#8E3B46

#D48A4B

#F6E7D3

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
`#4E1A2E` on `#F6E7D3`	Aa	11.44:1	AAA
`#8E3B46` on `#F6E7D3`	Aa	6.04:1	AA
`#4E1A2E` on `#D48A4B`	Aa	4.99:1	AA
`#8E3B46` on `#D48A4B`	Aa	2.63:1	Fail
`#D48A4B` on `#F6E7D3`	Aa	2.29:1	Fail
`#4E1A2E` on `#8E3B46`	Aa	1.9:1	Fail

Similar palettes 24 more in this mood