What are the hex codes in the Old Sienna & Hazelnut palette?

The Old Sienna & Hazelnut color palette consists of Charcoal #00484F, Hazelnut #BB9457, Sienna #99582A, Peach #FFE6A7.

How should I use the Old Sienna & Hazelnut palette on a website?

Use Peach #FFE6A7 as the background, Charcoal #00484F for text, Sienna #99582A for buttons and links, and Hazelnut #BB9457 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Charcoal on Peach at 8.4:1.

Which colors in Old Sienna & Hazelnut have enough contrast for text?

The highest-contrast pair is #00484F on #FFE6A7 with a ratio of 8.4:1, which passes WCAG AA for normal text.

#00484FCharcoal

#BB9457Hazelnut

#99582ASienna

#FFE6A7Peach

Old Sienna & Hazelnut color palette

Modern Brown Beige

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Charcoal	`#00484F`	`rgb(0, 72, 79)`	`hsl(185, 100%, 15%)`	`oklch(36.7% 0.063 206)`
Hazelnut	`#BB9457`	`rgb(187, 148, 87)`	`hsl(37, 42%, 54%)`	`oklch(69.0% 0.092 77)`
Sienna	`#99582A`	`rgb(153, 88, 42)`	`hsl(25, 57%, 38%)`	`oklch(52.7% 0.105 53)`
Peach	`#FFE6A7`	`rgb(255, 230, 167)`	`hsl(43, 100%, 83%)`	`oklch(93.1% 0.084 89)`

Why it works and how to use it

Old Sienna & Hazelnut is a vivid complementary color palette tagged modern, brown, beige. Charcoal and Peach 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, Sienna takes the lead while the rest support. Lightness runs from 15% to 83%. Well suited to websites, presentations and branding.

Background: Peach (#FFE6A7) is the lightest color, so it belongs on large surfaces.
Text: Charcoal (#00484F) on #FFE6A7 gives 8.4:1, passing WCAG AAA.
Primary: Sienna (#99582A) is the most saturated mid-tone; use it for buttons and links (4.53:1 against the background, fine for UI elements).
Accent: Hazelnut (#BB9457) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Charcoal on Peach at 8.4:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Old Sienna & Hazelnut

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

#00484F

#BB9457

#99582A

#FFE6A7

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
`#00484F` on `#FFE6A7`	Aa	8.4:1	AAA
`#99582A` on `#FFE6A7`	Aa	4.53:1	AA
`#00484F` on `#BB9457`	Aa	3.67:1	AA large only
`#BB9457` on `#FFE6A7`	Aa	2.29:1	Fail
`#BB9457` on `#99582A`	Aa	1.98:1	Fail
`#00484F` on `#99582A`	Aa	1.85:1	Fail

Similar palettes 24 more in this mood