What are the hex codes in the Crimson Brick & Coral palette?

The Crimson Brick & Coral color palette consists of Espresso #3C000D, Brick Red #942338, Brick #D1454D, Coral #FC9B6B.

How should I use the Crimson Brick & Coral palette on a website?

Use Coral #FC9B6B as the background, Espresso #3C000D for text, Brick Red #942338 for buttons and links, and Brick #D1454D for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Espresso on Coral at 8.38:1.

Which colors in Crimson Brick & Coral have enough contrast for text?

The highest-contrast pair is #3C000D on #FC9B6B with a ratio of 8.38:1, which passes WCAG AA for normal text.

#3C000DEspresso

#942338Brick Red

#D1454DBrick

#FC9B6BCoral

Crimson Brick & Coral color palette

Gradient Dark Warm Red Orange

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Espresso	`#3C000D`	`rgb(60, 0, 13)`	`hsl(347, 100%, 12%)`	`oklch(22.6% 0.090 16)`
Brick Red	`#942338`	`rgb(148, 35, 56)`	`hsl(349, 62%, 36%)`	`oklch(44.6% 0.148 15)`
Brick	`#D1454D`	`rgb(209, 69, 77)`	`hsl(357, 60%, 55%)`	`oklch(59.0% 0.176 21)`
Coral	`#FC9B6B`	`rgb(252, 155, 107)`	`hsl(20, 96%, 70%)`	`oklch(77.9% 0.132 47)`

Why it works and how to use it

Crimson Brick & Coral is a vivid analogous color palette tagged gradient, dark, warm. Analogous neighbors on the wheel (Espresso, Brick Red, Brick) give it a natural, low-tension flow. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is warm.

With 4 chromatic colors, Brick Red takes the lead while the rest support. Lightness runs from 12% to 70%. Well suited to websites, presentations and branding.

Background: Coral (#FC9B6B) is the lightest color, so it belongs on large surfaces.
Text: Espresso (#3C000D) on #FC9B6B gives 8.38:1, passing WCAG AAA.
Primary: Brick Red (#942338) is the most saturated mid-tone; use it for buttons and links (3.93:1 against the background, fine for UI elements).
Accent: Brick (#D1454D) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Crimson Brick & Coral

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

#3C000D

#942338

#D1454D

#FC9B6B

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
`#3C000D` on `#FC9B6B`	Aa	8.38:1	AAA
`#942338` on `#FC9B6B`	Aa	3.93:1	AA large only
`#3C000D` on `#D1454D`	Aa	3.9:1	AA large only
`#D1454D` on `#FC9B6B`	Aa	2.15:1	Fail
`#3C000D` on `#942338`	Aa	2.13:1	Fail
`#942338` on `#D1454D`	Aa	1.83:1	Fail

Similar palettes 24 more in this mood