Back to palettes

Palette

Foundry Smoke

A robust, smoky grayscale inspired by the raw power and metallic hues of an old industrial foundry.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Foundry Smoke 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 Foundry Smoke.

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

Data visualization

#2F4F4F#4F4F4F#708090#A9A9A9#C0C0C0

Palette guide

How to use Foundry Smoke

Overview

The Foundry Smoke palette offers a robust, industrial grayscale, perfect for conveying strength, modernity, and a raw, metallic aesthetic. Comprising deep, smoky tones like #2F4F4F and #4F4F4F, alongside lighter, steely grays such as #708090, #A9A9A9, and #C0C0C0, this collection is inspired by the power and metallic hues of an old industrial foundry. Designers can use this palette to create sophisticated, minimalist interfaces, architectural visualizations, or branding for tech and manufacturing sectors. Its versatility allows for subtle depth and high contrast, making it excellent for backgrounds, UI elements, and typography where clarity and understated elegance are key.

Best used for

  • Modern corporate websites and applications
  • Industrial design and manufacturing branding
  • Architectural rendering and interior design
  • Data visualization and dashboards
  • Minimalist user interfaces
  • Photography portfolios and art galleries

Suggested color roles

primary

Use the deep #2F4F4F or #4F4F4F for main backgrounds, headers, or large structural elements to establish a solid, grounding presence.

secondary

Apply #708090 for supporting panels, card backgrounds, or secondary navigation to add subtle variation and depth.

accent

#A9A9A9 or #C0C0C0 can serve as a soft accent for subtle borders, hover states, or inactive UI elements, offering gentle contrast.

background

#2F4F4F provides a dark, sophisticated backdrop, while #C0C0C0 offers a lighter, airy canvas for content.

text

For dark backgrounds, use #A9A9A9 or #C0C0C0 for excellent readability. For lighter backgrounds, use #2F4F4F or #4F4F4F.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using mid-tone grays like #708090.
  • #A9A9A9 on #C0C0C0 might lack sufficient contrast for small text; use for larger headings or decorative elements.
  • Consider using a true black or white for critical text against mid-range grays to guarantee WCAG AA compliance.
  • Always test font sizes and weights alongside color combinations for optimal readability across devices.

Recommended combinations

Industrial Depth

Creates a strong, layered look suitable for website footers, sidebars, or complex data tables.

#2F4F4F · #708090 · #C0C0C0

Steel Contrast

Excellent for high-contrast text and interactive elements, where #A9A9A9 stands out against the darker grays.

#4F4F4F · #A9A9A9 · #2F4F4F

Subtle Gradation

Ideal for backgrounds, subtle gradients, or separating content sections with a soft visual hierarchy.

#708090 · #A9A9A9 · #C0C0C0

CSS variables

:root {
  --foundry-smoke-1: #2F4F4F;
  --foundry-smoke-2: #4F4F4F;
  --foundry-smoke-3: #708090;
  --foundry-smoke-4: #A9A9A9;
  --foundry-smoke-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "foundry-smoke": {
        1: "#2F4F4F",
        2: "#4F4F4F",
        3: "#708090",
        4: "#A9A9A9",
        5: "#C0C0C0",
      }
    }
  }
}

Related searches

industrial gray palettemodern monochrome colorssteel effect hex codesmetallic UI designurban dark light grays

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#4F4F4F
·
Color 3#708090
·
Color 4#A9A9A9
·
Color 5#C0C0C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
2.2:1Fail
3.8:1AA18
4.9:1AA
2
1.1:1Fail
2:1Fail
3.5:1AA18
4.5:1AA
3
2.2:1Fail
2:1Fail
1.7:1Fail
2.2:1Fail
4
3.8:1AA18
3.5:1AA18
1.7:1Fail
1.3:1Fail
5
4.9:1AA
4.5:1AA
2.2:1Fail
1.3:1Fail

Similar palettes

More like Foundry Smoke

View all monochrome
Industrial Steel Gaze
Graphite Cityscape
Urban Steel Echoes
Urban Steel Gradient
City Grayscale View
City Steel Gleam