What are the hex codes in the Clay & Brick Red Hour palette?

The Clay & Brick Red Hour color palette consists of Espresso #492121, Brick Red #7F3F42, Clay #B36667, Ballet #EFDEE0.

How should I use the Clay & Brick Red Hour palette on a website?

Use Ballet #EFDEE0 as the background, Espresso #492121 for text, Brick Red #7F3F42 for buttons and links, and Clay #B36667 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Espresso on Ballet at 10.64:1.

Which colors in Clay & Brick Red Hour have enough contrast for text?

The highest-contrast pair is #492121 on #EFDEE0 with a ratio of 10.64:1, which passes WCAG AA for normal text.

#492121Espresso

#7F3F42Brick Red

#B36667Clay

#EFDEE0Ballet

Clay & Brick Red Hour color palette

Gradient Muted Warm Brown Gray

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Espresso	`#492121`	`rgb(73, 33, 33)`	`hsl(0, 38%, 21%)`	`oklch(30.4% 0.061 21)`
Brick Red	`#7F3F42`	`rgb(127, 63, 66)`	`hsl(357, 34%, 37%)`	`oklch(45.0% 0.088 18)`
Clay	`#B36667`	`rgb(179, 102, 103)`	`hsl(359, 34%, 55%)`	`oklch(59.7% 0.099 20)`
Ballet	`#EFDEE0`	`rgb(239, 222, 224)`	`hsl(353, 35%, 90%)`	`oklch(91.5% 0.019 9)`

Why it works and how to use it

Clay & Brick Red Hour is a monochromatic color palette tagged gradient, muted, warm. All four colors sit within 7° 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, Brick Red takes the lead while the rest support. Lightness runs from 21% to 90%. Well suited to websites, presentations and branding.

Background: Ballet (#EFDEE0) is the lightest color, so it belongs on large surfaces.
Text: Espresso (#492121) on #EFDEE0 gives 10.64:1, passing WCAG AAA.
Primary: Brick Red (#7F3F42) is the most saturated mid-tone; use it for buttons and links (6.02:1 against the background, fine for UI elements).
Accent: Clay (#B36667) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Espresso on Ballet at 10.64:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Clay & Brick Red Hour

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

#492121

#7F3F42

#B36667

#EFDEE0

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
`#492121` on `#EFDEE0`	Aa	10.64:1	AAA
`#7F3F42` on `#EFDEE0`	Aa	6.02:1	AA
`#492121` on `#B36667`	Aa	3.29:1	AA large only
`#B36667` on `#EFDEE0`	Aa	3.23:1	AA large only
`#7F3F42` on `#B36667`	Aa	1.86:1	Fail
`#492121` on `#7F3F42`	Aa	1.77:1	Fail

Similar palettes 24 more in this mood