What are the hex codes in the Beige & Rust palette?

The Beige & Rust color palette consists of Linen #F5EDE2, Oat #E2CDB3, Paprika #B5533C, Taupe #4A2E25.

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

Use Linen #F5EDE2 as the background, Taupe #4A2E25 for text, Paprika #B5533C for buttons and links, and Oat #E2CDB3 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Taupe at 10.59:1.

Which colors in Beige & Rust have enough contrast for text?

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

#F5EDE2Linen

#E2CDB3Oat

#B5533CPaprika

#4A2E25Taupe

Beige & Rust color palette

Minimal Earthy White Beige Brown

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Linen	`#F5EDE2`	`rgb(245, 237, 226)`	`hsl(35, 49%, 92%)`	`oklch(94.9% 0.017 76)`
Oat	`#E2CDB3`	`rgb(226, 205, 179)`	`hsl(33, 45%, 79%)`	`oklch(85.9% 0.042 73)`
Paprika	`#B5533C`	`rgb(181, 83, 60)`	`hsl(11, 50%, 47%)`	`oklch(56.1% 0.133 35)`
Taupe	`#4A2E25`	`rgb(74, 46, 37)`	`hsl(15, 33%, 22%)`	`oklch(33.3% 0.044 39)`

Why it works and how to use it

Beige & Rust is a monochromatic color palette tagged minimal, earthy, white. A monochromatic set: the same hue family from Taupe down to Linen. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

With 4 chromatic colors, Paprika takes the lead while the rest support. Lightness runs from 22% to 92%. Well suited to wellness, organic and outdoor brands.

Background: Linen (#F5EDE2) is the lightest color, so it belongs on large surfaces.
Text: Taupe (#4A2E25) on #F5EDE2 gives 10.59:1, passing WCAG AAA.
Primary: Paprika (#B5533C) is the most saturated mid-tone; use it for buttons and links (4.24:1 against the background, fine for UI elements).
Accent: Oat (#E2CDB3) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Beige & Rust

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

#F5EDE2

#E2CDB3

#B5533C

#4A2E25

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
`#F5EDE2` on `#4A2E25`	Aa	10.59:1	AAA
`#E2CDB3` on `#4A2E25`	Aa	7.97:1	AAA
`#F5EDE2` on `#B5533C`	Aa	4.24:1	AA large only
`#E2CDB3` on `#B5533C`	Aa	3.19:1	AA large only
`#B5533C` on `#4A2E25`	Aa	2.5:1	Fail
`#F5EDE2` on `#E2CDB3`	Aa	1.33:1	Fail

Similar palettes 24 more in this mood