Back to palettes

Palette

Rustbelt Dusk Haze

Evoking the raw beauty of industrial landscapes at dusk, with warm rusts and smoky greys.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rustbelt Dusk Haze 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 Rustbelt Dusk Haze.

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

Data visualization

#A0522D#464646#696969#708090#D2691E

Palette guide

How to use Rustbelt Dusk Haze

Overview

The Rustbelt Dusk Haze palette masterfully evokes the raw beauty of industrial landscapes at twilight, blending warm rusts with smoky greys. This dark, rugged collection features the deep, inviting Sienna of #A0522D and the rich, burnt orange of #D2691E (Chocolate), providing earthy warmth. These are expertly balanced by a range of sophisticated greys: the dark #464646, a versatile #696969 (Dim Gray), and the cool, atmospheric #708090 (Slate Gray). Designers and developers can utilize this palette to create impactful, modern, yet grounded aesthetics. It's ideal for projects that aim to convey urban sophistication, rugged elegance, or a moody, atmospheric vibe, perfect for branding, web design, or digital art with a distinct industrial edge.

Best used for

  • Modern industrial interior design
  • High-end men's fashion websites
  • Dark mode interfaces for productivity apps
  • Urban photography portfolios
  • Craft spirits or artisanal coffee branding
  • Concept art for dystopian themes

Suggested color roles

primary

#464646 - A strong, dark gray that can serve as a dominant background or for significant UI elements, setting a sophisticated, moody tone.

secondary

#696969 - This versatile mid-gray is excellent for subheadings, content sections, or secondary UI components, providing balance.

accent

#D2691E - A vibrant, burnt orange that provides a powerful accent for calls-to-action, interactive elements, or key visual highlights, contrasting beautifully with the greys.

background

#708090 - A cool slate gray that offers a subtle, atmospheric background, allowing warmer rust tones and dark text to stand out elegantly.

text

White or light gray. For dark backgrounds like #464646 or #696969, white or a very light gray ensures readability. For lighter backgrounds like #708090, #464646 or black text can be used.

Accessibility notes

  • Ensure high contrast when using dark greys (#464646, #696969) as backgrounds; white or light cream text is essential.
  • #D2691E provides good contrast against the darker greys for accent elements but needs careful pairing for text.
  • Avoid using #708090 with light gray text; always opt for a darker text color (e.g., #464646) for readability.
  • Always test color combinations, especially for interactive elements, to meet WCAG guidelines.

Recommended combinations

Dusk Contrast

Creates a bold, striking contrast, ideal for hero sections, strong headlines, or highlighting key information against a dark base.

#464646 · #D2691E · #A0522D

Smoky Warmth

Offers a balanced, atmospheric feel for main content, blending warmth with cool tones for a sophisticated urban look.

#696969 · #A0522D · #708090

Industrial Glow

Suitable for subtle backgrounds or secondary information, providing a gentle glow with a pop of vibrant rust against a cool grey.

#708090 · #D2691E · #464646

CSS variables

:root {
  --rustbelt-dusk-haze-1: #A0522D;
  --rustbelt-dusk-haze-2: #464646;
  --rustbelt-dusk-haze-3: #696969;
  --rustbelt-dusk-haze-4: #708090;
  --rustbelt-dusk-haze-5: #D2691E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustbelt-dusk-haze": {
        1: "#A0522D",
        2: "#464646",
        3: "#696969",
        4: "#708090",
        5: "#D2691E",
      }
    }
  }
}

Related searches

dark industrial color paletteurban grey rust schememoody industrial designdusk city colorsrugged modern aesthetic

Palette colors

Hex values

Color 1#A0522D
·
Color 2#464646
·
Color 3#696969
·
Color 4#708090
·
Color 5#D2691E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1:1Fail
1.4:1Fail
1.5:1Fail
2
1.7:1Fail
1.7:1Fail
2.3:1Fail
2.6:1Fail
3
1:1Fail
1.7:1Fail
1.4:1Fail
1.5:1Fail
4
1.4:1Fail
2.3:1Fail
1.4:1Fail
1.1:1Fail
5
1.5:1Fail
2.6:1Fail
1.5:1Fail
1.1:1Fail

Similar palettes

More like Rustbelt Dusk Haze

View all dark
Distressed Concrete Grit
Factory Floor Rust
Industrial Ember Glow
Industrial Grid Noir
Industrial Rust Grit
Rust Belt Foundry