Bricky Brick
#b33a22
Warm bricky orange for grounded, less-alert UI
About Bricky Brick
Bricky Brick is what happens when you strip away the drama. It's darker and duller than Crimson Boy, less insistent than Cadillac Coupe, the kind of orange-red that doesn't need to prove anything. It sits there like actual clay, like something you can touch, which means it reads as grounded instead of urgent.
Use it in product listings, category headers, and moderate emphasis states where you need warmth that doesn't feel like a warning. Works in real estate platforms, restaurant menus, craft and design apps, anywhere the color needs to feel approachable rather than alarming. It's got enough saturation to hold weight on white or light gray, but it won't scream. Unlike Cherry Bomb's solidity or Crimson Boy's heat, this one breathes a little.
The thing about Bricky Brick: it actually improves on warm neutrals. Pair it with cream, sand, or soft beige and it anchors instead of fights. Stack it next to cooler grays and it reads even more orange, so test your background early if you're working in that territory.
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.