What are the hex codes in the Rust & Maroon Bloom palette?

The Rust & Maroon Bloom color palette consists of Maroon #782500, Rust #B8502F, Oat #DDDAB9, Linen #F6EFE3.

How should I use the Rust & Maroon Bloom palette on a website?

Use Linen #F6EFE3 as the background, Maroon #782500 for text, Rust #B8502F for buttons and links, and Oat #DDDAB9 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Maroon on Linen at 8.91:1.

Which colors in Rust & Maroon Bloom have enough contrast for text?

The highest-contrast pair is #782500 on #F6EFE3 with a ratio of 8.91:1, which passes WCAG AA for normal text.

#782500Maroon

#B8502FRust

#DDDAB9Oat

#F6EFE3Linen

Rust & Maroon Bloom color palette

Warm Brown Beige White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Maroon	`#782500`	`rgb(120, 37, 0)`	`hsl(19, 100%, 24%)`	`oklch(38.9% 0.123 40)`
Rust	`#B8502F`	`rgb(184, 80, 47)`	`hsl(14, 59%, 45%)`	`oklch(56.0% 0.143 38)`
Oat	`#DDDAB9`	`rgb(221, 218, 185)`	`hsl(55, 35%, 80%)`	`oklch(88.2% 0.044 103)`
Linen	`#F6EFE3`	`rgb(246, 239, 227)`	`hsl(38, 51%, 93%)`	`oklch(95.4% 0.018 81)`

Why it works and how to use it

Rust & Maroon Bloom is an analogous color palette tagged warm, brown, beige. Analogous neighbors on the wheel (Maroon, Rust, Oat) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

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

Background: Linen (#F6EFE3) is the lightest color, so it belongs on large surfaces.
Text: Maroon (#782500) on #F6EFE3 gives 8.91:1, passing WCAG AAA.
Primary: Rust (#B8502F) is the most saturated mid-tone; use it for buttons and links (4.35:1 against the background, fine for UI elements).
Accent: Oat (#DDDAB9) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Rust & Maroon Bloom

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

#782500

#B8502F

#DDDAB9

#F6EFE3

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
`#782500` on `#F6EFE3`	Aa	8.91:1	AAA
`#782500` on `#DDDAB9`	Aa	7.17:1	AAA
`#B8502F` on `#F6EFE3`	Aa	4.35:1	AA large only
`#B8502F` on `#DDDAB9`	Aa	3.5:1	AA large only
`#782500` on `#B8502F`	Aa	2.05:1	Fail
`#DDDAB9` on `#F6EFE3`	Aa	1.24:1	Fail

Similar palettes 24 more in this mood