Back to palettes

Palette

Industrial Ember Glow

Deep, metallic grays warmed by the subtle, fiery glow of embers within an industrial setting.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Industrial Ember Glow 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 Industrial Ember Glow.

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

Data visualization

#2C2F33#3E4249#6B778C#A8B4C9#CC6633

Palette guide

How to use Industrial Ember Glow

Overview

The Industrial Ember Glow palette blends deep, metallic grays with a striking, fiery orange accent, evoking the subtle glow of embers in an industrial setting. From the profound #2C2F33 to the lighter #A8B4C9, beautifully punctuated by #CC6633, this collection provides designers and developers with a powerful tool for creating dramatic and engaging experiences. It's perfect for conveying strength, warmth, and innovation, ensuring excellent visual hierarchy and user engagement. This palette is especially effective for dark-themed interfaces, branding, or digital art where a touch of dynamic contrast can make a significant impact.

Best used for

  • Dark mode web and app interfaces
  • Gaming UI and brand identity
  • Heavy industry corporate branding
  • Digital art and illustration
  • Event promotion materials
  • Photography portfolios with a dramatic flair

Suggested color roles

primary

#2C2F33 - A very deep, almost black grey, ideal for dominant backgrounds and main structural elements to establish a dark, sophisticated mood.

secondary

#3E4249 - A slightly lighter dark grey, perfect for secondary content blocks, card backgrounds, or subtle panel divisions.

accent

#CC6633 - A vibrant, warm orange, designed to be a powerful focal point for call-to-action buttons, alerts, or key interactive elements.

background

#2C2F33 - Excellent as a primary dark background, providing depth and allowing lighter elements and the accent color to pop effectively.

text

#A8B4C9 - A light, cool grey for body text on dark backgrounds like #2C2F33 or #3E4249, ensuring good readability. White also works well.

Accessibility notes

  • Ensure #A8B4C9 text on #2C2F33 background meets WCAG AA/AAA contrast standards.
  • The accent #CC6633 should have sufficient contrast when used for text on #2C2F33 or #3E4249.
  • Avoid using #6B778C text on #A8B4C9; contrast might be too low for readability.
  • Use white or very light grey for text on #CC6633 if it serves as a button background.

Recommended combinations

Ember Highlight

Creates a dramatic contrast, with the orange accent drawing attention against dark, cool greys, ideal for interactive elements.

#2C2F33 · #A8B4C9 · #CC6633

Metallic Depth

Provides a smooth, metallic gradient for layered backgrounds or detailed UI components, adding sophistication.

#3E4249 · #6B778C · #A8B4C9

Fiery Call

Perfect for high-impact calls-to-action or alerts, where the orange accent needs to stand out boldly against deep tones.

#2C2F33 · #CC6633 · #3E4249

CSS variables

:root {
  --industrial-ember-glow-1: #2C2F33;
  --industrial-ember-glow-2: #3E4249;
  --industrial-ember-glow-3: #6B778C;
  --industrial-ember-glow-4: #A8B4C9;
  --industrial-ember-glow-5: #CC6633;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "industrial-ember-glow": {
        1: "#2C2F33",
        2: "#3E4249",
        3: "#6B778C",
        4: "#A8B4C9",
        5: "#CC6633",
      }
    }
  }
}

Related searches

dark industrial paletteember glow colorsmetallic grey orangedramatic ui themeindustrial accent colors

Palette colors

Hex values

Color 1#2C2F33
·
Color 2#3E4249
·
Color 3#6B778C
·
Color 4#A8B4C9
·
Color 5#CC6633
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
3:1Fail
6.4:1AA
3.5:1AA18
2
1.3:1Fail
2.2:1Fail
4.8:1AA
2.7:1Fail
3
3:1Fail
2.2:1Fail
2.2:1Fail
1.2:1Fail
4
6.4:1AA
4.8:1AA
2.2:1Fail
1.8:1Fail
5
3.5:1AA18
2.7:1Fail
1.2:1Fail
1.8:1Fail

Similar palettes

More like Industrial Ember Glow

View all dark
Corroded Metal Grit
Distressed Concrete Grit
Industrial Grid Noir
Industrial Rust Grit
Rustbelt Dusk Haze
Rusting Iron Gaze