What are the hex codes in the Bold Ochre & Brick Red palette?

The Bold Ochre & Brick Red color palette consists of Ink #29143E, Brick Red #8A3A49, Ochre #CD7544, Tan #DFB86F.

How should I use the Bold Ochre & Brick Red palette on a website?

Use Tan #DFB86F as the background, Ink #29143E for text, Ochre #CD7544 for buttons and links, and Brick Red #8A3A49 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Tan at 8.88:1.

Which colors in Bold Ochre & Brick Red have enough contrast for text?

The highest-contrast pair is #29143E on #DFB86F with a ratio of 8.88:1, which passes WCAG AA for normal text.

#29143EInk

#8A3A49Brick Red

#CD7544Ochre

#DFB86FTan

Bold Ochre & Brick Red color palette

Dark Brown

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Bold Ochre & Brick Red is a split color palette tagged dark, brown. A split scheme: Ink plays against Tan across roughly 129° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Ink	`#29143E`	`rgb(41, 20, 62)`	`hsl(270, 51%, 16%)`	`oklch(24.5% 0.078 304)`
Brick Red	`#8A3A49`	`rgb(138, 58, 73)`	`hsl(349, 41%, 38%)`	`oklch(46.1% 0.110 11)`
Ochre	`#CD7544`	`rgb(205, 117, 68)`	`hsl(21, 58%, 54%)`	`oklch(65.1% 0.128 48)`
Tan	`#DFB86F`	`rgb(223, 184, 111)`	`hsl(39, 64%, 65%)`	`oklch(80.1% 0.102 82)`

Why it works and how to use it

It works because the lightness range is wide (16% to 65%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.

Pair	Sample	Ratio	Level
`#29143E` on `#DFB86F`	Aa	8.88:1	AAA
`#29143E` on `#CD7544`	Aa	4.92:1	AA
`#8A3A49` on `#DFB86F`	Aa	4.03:1	AA large only
`#8A3A49` on `#CD7544`	Aa	2.24:1	Fail
`#29143E` on `#8A3A49`	Aa	2.2:1	Fail
`#CD7544` on `#DFB86F`	Aa	1.8:1	Fail

Bold Ochre & Brick Red color palette

Color codes click any value to copy

Why it works and how to use it

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

Design faster with Bold Ochre & Brick Red

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood