What are the hex codes in the Tan & Shadow Bloom palette?

The Tan & Shadow Bloom color palette consists of Jet #36301F, Shadow #7F704C, Tan #D1BB86, Linen #FBF6E6.

How should I use the Tan & Shadow Bloom palette on a website?

Use Linen #FBF6E6 as the background, Jet #36301F for text, Tan #D1BB86 for buttons and links, and Shadow #7F704C for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Jet on Linen at 12.15:1.

Which colors in Tan & Shadow Bloom have enough contrast for text?

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

#36301FJet

#7F704CShadow

#D1BB86Tan

#FBF6E6Linen

Tan & Shadow Bloom color palette

Luxury Muted Warm Minimal Earthy Gray Brown White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Jet	`#36301F`	`rgb(54, 48, 31)`	`hsl(44, 27%, 17%)`	`oklch(31.1% 0.030 91)`
Shadow	`#7F704C`	`rgb(127, 112, 76)`	`hsl(42, 25%, 40%)`	`oklch(55.0% 0.055 88)`
Tan	`#D1BB86`	`rgb(209, 187, 134)`	`hsl(42, 45%, 67%)`	`oklch(79.8% 0.074 88)`
Linen	`#FBF6E6`	`rgb(251, 246, 230)`	`hsl(46, 72%, 94%)`	`oklch(97.3% 0.022 93)`

Why it works and how to use it

Tan & Shadow Bloom is a monochromatic color palette tagged luxury, muted, warm. All four colors sit within 4° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

With 4 chromatic colors, Tan takes the lead while the rest support. Lightness runs from 17% to 94%. Well suited to premium branding and packaging.

Background: Linen (#FBF6E6) is the lightest color, so it belongs on large surfaces.
Text: Jet (#36301F) on #FBF6E6 gives 12.15:1, passing WCAG AAA.
Primary: Tan (#D1BB86) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Shadow (#7F704C) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Tan & Shadow 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

#36301F

#7F704C

#D1BB86

#FBF6E6

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
`#36301F` on `#FBF6E6`	Aa	12.15:1	AAA
`#36301F` on `#D1BB86`	Aa	6.98:1	AA
`#7F704C` on `#FBF6E6`	Aa	4.49:1	AA large only
`#36301F` on `#7F704C`	Aa	2.7:1	Fail
`#7F704C` on `#D1BB86`	Aa	2.58:1	Fail
`#D1BB86` on `#FBF6E6`	Aa	1.74:1	Fail

Similar palettes 24 more in this mood