Back to palettes

Palette

Rusting Iron Gaze

A brooding palette reminiscent of aged metal, slowly succumbing to rust under a somber sky.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rusting Iron Gaze 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 Rusting Iron Gaze.

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

Data visualization

#4B3A36#7C5C50#A67E6E#CCB0A6#3B2E2A

Palette guide

How to use Rusting Iron Gaze

Overview

The Rusting Iron Gaze palette presents a brooding and sophisticated collection of dark, earthy tones, reminiscent of aged metal under a somber sky. Dominant hues like #3B2E2A (very dark brown) and #4B3A36 (dark brown) create a deep, luxurious foundation. Complementary mid-tones such as #7C5C50 and #A67E6E add subtle warmth and texture, while the lightest shade, #CCB0A6 (light tan), provides a delicate contrast, evoking the nuanced beauty of slow oxidation. This palette is ideal for designers and developers seeking to infuse their projects with a sense of antique elegance, mystery, or understated strength.

Best used for

  • Luxury or artisanal product branding
  • Moody photography backdrops
  • Historical or vintage-themed websites
  • Sophisticated user interfaces (UI)
  • Interior design concepts (rustic chic)
  • Film grading for dramatic or period pieces

Suggested color roles

primary

Establish #3B2E2A as the core dark color for major sections, providing a strong, elegant anchor.

secondary

Utilize #4B3A36 for supporting panels, sidebars, or deeper textural elements, maintaining the dark aesthetic.

accent

Apply #A67E6E as a subtle, warm highlight for decorative details, borders, or hover states, offering a vintage touch.

background

Employ #3B2E2A or #4B3A36 for a rich, dark background that creates depth. Alternatively, use a very light off-white (not in palette) with dark text.

text

For dark backgrounds, #CCB0A6 provides excellent readability and a soft glow. For lighter contexts, use #3B2E2A for crisp, dark text.

Accessibility notes

  • Ensure sufficient contrast when using #CCB0A6 for text on darker backgrounds to meet WCAG AA standards.
  • Avoid using #7C5C50 or #A67E6E for small text unless paired with a significantly contrasting background.
  • Prioritize #3B2E2A for body text on light backgrounds due to its robust contrast.
  • Test interactive elements to ensure their color changes provide clear feedback without sacrificing readability.

Recommended combinations

Deep Elegance

Ideal for a sophisticated hero section: #3B2E2A as background, #CCB0A6 for headlines, and #7C5C50 for supporting details.

#3B2E2A · #CCB0A6 · #7C5C50

Aged Patina

Creates a rich, layered effect for content blocks or cards, offering a vintage, weathered appearance.

#4B3A36 · #A67E6E · #7C5C50

Subtle Glow

Use #3B2E2A for background, #A67E6E for secondary elements, and #CCB0A6 for highlights or calls to action to add warmth.

#3B2E2A · #A67E6E · #CCB0A6

CSS variables

:root {
  --rusting-iron-gaze-1: #4B3A36;
  --rusting-iron-gaze-2: #7C5C50;
  --rusting-iron-gaze-3: #A67E6E;
  --rusting-iron-gaze-4: #CCB0A6;
  --rusting-iron-gaze-5: #3B2E2A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rusting-iron-gaze": {
        1: "#4B3A36",
        2: "#7C5C50",
        3: "#A67E6E",
        4: "#CCB0A6",
        5: "#3B2E2A",
      }
    }
  }
}

Related searches

dark rustic colorsaged metal palettevintage brown huesmoody industrial designelegant earth tones

Palette colors

Hex values

Color 1#4B3A36
·
Color 2#7C5C50
·
Color 3#A67E6E
·
Color 4#CCB0A6
·
Color 5#3B2E2A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3:1Fail
5.3:1AA
1.2:1Fail
2
1.8:1Fail
1.7:1Fail
2.9:1Fail
2.2:1Fail
3
3:1Fail
1.7:1Fail
1.8:1Fail
3.6:1AA18
4
5.3:1AA
2.9:1Fail
1.8:1Fail
6.4:1AA
5
1.2:1Fail
2.2:1Fail
3.6:1AA18
6.4:1AA

Similar palettes

More like Rusting Iron Gaze

View all dark
Corroded Metal Grit
Rusty Rail Yards
Industrial Ember Glow
Industrial Rust Grit
Rusty Gear Grind
Rusty Industrial Grids