Back to palettes

Palette

Worn Brick Alleyway

Robust reds and deep oranges, portraying the aged beauty of old brick walls in a quiet alleyway.

warmretro5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Worn Brick Alleyway reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Worn Brick Alleyway.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#5A2000#7C2E00#A03C00#C34A00#E65800

Palette guide

How to use Worn Brick Alleyway

Overview

The Worn Brick Alleyway palette presents a robust collection of reds and deep oranges, capturing the aged beauty of old urban brickwork. With foundational tones like #5A2000 and #7C2E00, progressing to vibrant hues such as #C34A00 and #E65800, this palette is inherently warm and grounded. Developers and designers can leverage these intense colors to create designs that convey strength, history, and a touch of rustic urban charm. The inclusion of #A03C00 offers a versatile mid-tone, making it perfect for projects that aim for an industrial, retro, or warmly inviting aesthetic.

Best used for

  • Industrial and urban design themes
  • Rustic restaurant and cafe branding
  • Urban photography portfolio websites
  • Autumnal marketing campaigns and decor
  • Historical preservation organization materials
  • Retro game interfaces and art direction

Suggested color roles

primary

#5A2000 serves as a deep, foundational brick red, ideal for main structural elements, headers, or strong branding.

secondary

#7C2E00 provides a rich, warm red-orange, suitable for secondary content blocks or supporting visuals.

accent

#E65800 offers a vibrant, fiery orange, perfect for calls to action, interactive elements, or eye-catching highlights.

background

A very light cream or off-white, such as #FDF9F6, is recommended to provide a neutral, contrasting canvas.

text

#5A2000 is the darkest red-brown, ensuring good legibility for body text, or use black for maximum contrast.

Accessibility notes

  • Use #5A2000 or black for text on lighter backgrounds (e.g., cream or very light grey) for WCAG AA compliance.
  • White text will generally provide good contrast on #A03C00, #C34A00, and #E65800.
  • Ensure sufficient contrast when placing #7C2E00 or #A03C00 on #E65800, especially for small text.
  • Avoid using the brighter oranges as text on light backgrounds without careful contrast checks.

Recommended combinations

Deep Brick

Creates a robust, layered effect reminiscent of aged brick walls and deep shadows.

#5A2000 · #7C2E00 · #A03C00

Fiery Alley

Ideal for dynamic sections, evoking warmth, energy, and vibrant highlights.

#A03C00 · #C34A00 · #E65800

Rustic Contrast

A balanced trio for feature sections, blending deep foundations with energetic accents.

#5A2000 · #E65800 · #7C2E00

CSS variables

:root {
  --worn-brick-alleyway-1: #5A2000;
  --worn-brick-alleyway-2: #7C2E00;
  --worn-brick-alleyway-3: #A03C00;
  --worn-brick-alleyway-4: #C34A00;
  --worn-brick-alleyway-5: #E65800;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "worn-brick-alleyway": {
        1: "#5A2000",
        2: "#7C2E00",
        3: "#A03C00",
        4: "#C34A00",
        5: "#E65800",
      }
    }
  }
}

Related searches

brick red color paletterustic urban huesaged orange schemewarm retro colorsindustrial design palette

Palette colors

Hex values

Color 1#5A2000
·
Color 2#7C2E00
·
Color 3#A03C00
·
Color 4#C34A00
·
Color 5#E65800
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
2.6:1Fail
3.5:1AA18
2
1.4:1Fail
1.4:1Fail
1.9:1Fail
2.6:1Fail
3
1.9:1Fail
1.4:1Fail
1.4:1Fail
1.8:1Fail
4
2.6:1Fail
1.9:1Fail
1.4:1Fail
1.3:1Fail
5
3.5:1AA18
2.6:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Worn Brick Alleyway

View all warm
Copper Age Patina
Rust Belt Revival
Urban Sunset Brick
Aged Saddle Stitch
Antique Map Journey
Bohemian Dream Catcher