Brick by Brick

#b22122

Brick-red warmth for steady sections, less saturated than tomato

Save
Share

About Brick by Brick

by is the approachable one. It's got the warmth of actual clay, the kind of red-orange that reads as honest instead of calculated. Where Crimson Velvet Sunset pulls back and goes dark, where smolders underneath, this one sits right at the surface. It's brighter and warmer than , without the flatness that makes useful for warnings. There's no swagger here, no performance. Just a color that feels like it belongs on something you'd actually want to touch.

Use it in product interfaces, brand guidelines, and e-commerce where warmth needs to feel genuine rather than designed. It works on app cards, in restaurant branding that skews casual, on packaging where you want the product to feel tactile and real. Unlike its darker neighbors, this one doesn't need rich backgrounds to land, it reads solid on white, holds up on light grays, and doesn't demand the careful pairing that or Crimson Velvet need.

The trade-off: it can drift toward orange on cream or peachy backgrounds, so watch your context. On charcoal or black it stays grounded. It's the red you reach for when you need warmth that actually works for people, not just for the design.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
6.70:1AAAAA Large

On Gray 100 #f5f5f5

Aa
6.15:1AAAAA Large

On Gray 900 #18181b

Aa
2.64:1Fail

On Black #000000

Aa
3.13:1FailAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Brick by Brick

Open the generator with this color pre-loaded.

Start creating