Brick
#a03623
Earthier brick red for grounded highlights
About Brick
Brick is what happens when you strip away the aggression. It sits lower and more muted than Crimson Blaze, darker than Barbarossa, with just enough red to keep it from reading as pure brown. There's weight here, but it's the kind that doesn't announce itself.
You want this in product interfaces, inventory states, and editorial layouts where warmth needs to feel grounded instead of reactive. Real estate platforms, cooking apps, dashboard warnings, anywhere the color has to work without dominating the room. It's the one I reach for when Barbarossa feels too confident and Chocolate Chilli tips too far toward brown. It holds its own without needing contrast to survive.
Pair it against light grays and cool neutrals, that's where it reads most distinctly orange. Stack it next to warmer backgrounds and it'll settle into its earthier notes, which is fine; the color doesn't fight it. The real move: it doesn't disappear on mid-tone or slightly darkened surfaces the way brighter oranges do, which makes it useful when your palette isn't all whites and light backgrounds.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.