Back to palettes

Palette

Urban Canyon Rust

Captures the gritty elegance of city streets and oxidized metals under a dramatic urban sky.

neutraldark5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Urban Canyon Rust 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 Urban Canyon Rust.

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

Data visualization

#5A626C#7D8A99#B58B5E#424751#E0BC95

Palette guide

How to use Urban Canyon Rust

Overview

The "Urban Canyon Rust" palette (version 2) masterfully blends the gritty elegance of city streets with the warm, weathered tones of oxidized metals. Featuring a foundational #424751 (Dark Slate Blue) and its lighter counterpart #5A626C (Charcoal Gray), this palette is beautifully accented by the rich, earthy #B58B5E (Rusty Gold) and the brighter #E0BC95 (Light Tan). The mid-tone #7D8A99 (Steel Blue) bridges these elements, creating a dynamic yet cohesive scheme. It's perfectly suited for designs aiming to convey rugged authenticity, industrial chic, or a sophisticated urban narrative, offering a unique balance between cool concrete and warm metallic accents.

Best used for

  • Industrial-themed branding and websites
  • Vintage-inspired e-commerce platforms
  • Creative agency portfolios
  • Game UI with a gritty or steampunk aesthetic
  • Art and photography exhibition materials
  • Product packaging for artisanal goods

Suggested color roles

primary

#424751 (Dark Slate Blue) - Provides a strong, stable base for headers, footers, and primary content blocks, establishing a serious tone.

secondary

#5A626C (Charcoal Gray) - Excellent for subheadings, navigation, or background panels, offering a softer, yet still robust, presence.

accent

#B58B5E (Rusty Gold) - The perfect accent for call-to-action buttons, key highlights, or decorative elements, adding warmth and visual interest.

background

#7D8A99 (Steel Blue) - A versatile cool-toned background that allows both darker and lighter accents to pop, providing a sophisticated backdrop.

text

#424751 (Dark Slate Blue) for dark text on lighter backgrounds, or a clean white like #FFFFFF for text on #424751, #5A626C, or #7D8A99.

Accessibility notes

  • Ensure #B58B5E or #E0BC95 has sufficient contrast when used for text against #7D8A99 or #5A626C.
  • Prioritize #424751 for essential text elements to maximize readability across the palette.
  • Use #E0BC95 for large headings or decorative text rather than small body copy on mid-tones.
  • Verify contrast for interactive elements, especially when using accents on background colors.

Recommended combinations

Urban Grime

Creates a strong, industrial feel for headers or hero sections, with the rust as a focal point.

#424751 · #7D8A99 · #B58B5E

Weathered Concrete

Use for background textures or layered UI cards, combining cool grays with a warm, aged highlight.

#5A626C · #E0BC95 · #7D8A99

Metallic Accent

Ideal for call-to-action buttons or highlighted information, pairing deep gray with vibrant, warm metallics.

#424751 · #B58B5E · #E0BC95

CSS variables

:root {
  --urban-canyon-rust-2-1: #5A626C;
  --urban-canyon-rust-2-2: #7D8A99;
  --urban-canyon-rust-2-3: #B58B5E;
  --urban-canyon-rust-2-4: #424751;
  --urban-canyon-rust-2-5: #E0BC95;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "urban-canyon-rust-2": {
        1: "#5A626C",
        2: "#7D8A99",
        3: "#B58B5E",
        4: "#424751",
        5: "#E0BC95",
      }
    }
  }
}

Related searches

industrial color schemesurban rust palettegritty city colorssteel and rust color combinationmodern industrial design palette

Palette colors

Hex values

Color 1#5A626C
·
Color 2#7D8A99
·
Color 3#B58B5E
·
Color 4#424751
·
Color 5#E0BC95
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2:1Fail
1.5:1Fail
3.5:1AA18
2
1.8:1Fail
1.1:1Fail
2.7:1Fail
2:1Fail
3
2:1Fail
1.1:1Fail
3:1AA18
1.7:1Fail
4
1.5:1Fail
2.7:1Fail
3:1AA18
5.2:1AA
5
3.5:1AA18
2:1Fail
1.7:1Fail
5.2:1AA

Similar palettes

More like Urban Canyon Rust

View all neutral
Urban Alley Grit
Urban Grime Blues
Steel Rust Patina
Urban Rain Reflection
Urban Grunge
Urban Grunge Art