Palette

Ember Forge Glow

Intense reds and glowing oranges that capture the intense heat and light of a blacksmith's forge.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#520000#990000#FF5C00#FFC000#FFFDCD

Palette guide

How to use Ember Forge Glow

Overview

The Ember Forge Glow palette captures the intense heat and light of a blacksmith's forge with its intense reds and glowing oranges. This powerful collection features deep maroon (#520000), rich crimson (#990000), fiery orange (#FF5C00), brilliant gold (#FFC000), and luminous cream (#FFFDCD). It's an ideal choice for designs that aim to convey strength, energy, craftsmanship, and a raw, industrial warmth. Designers and developers can leverage these high-contrast hues to create captivating branding, dynamic digital experiences, or striking promotional materials. The stark difference between the deep reds and bright, almost white, accents ensures maximum impact and visual excitement.

Best used for

Industrial and manufacturing company branding
Heavy metal or rock music album art
Gaming interfaces for action or fantasy genres
Automotive and engineering firm websites
Rustic or artisan craft product packaging
Event promotions for high-energy gatherings

Suggested color roles

primary

Deep maroon (#520000) or rich crimson (#990000) serves as an excellent foundational color for backgrounds or main content areas, conveying strength and intensity.

secondary

Fiery orange (#FF5C00) or brilliant gold (#FFC000) are versatile for supporting content blocks, subheadings, or subtle gradients, adding dynamic energy.

accent

Luminous cream (#FFFDCD) offers a bright, almost white accent, perfect for highlights, interactive elements, or a striking 'glow' effect.

background

Deep maroon (#520000) creates a powerful, hot backdrop, allowing lighter tones to emerge with an intense, forge-like glow.

text

For body text, use luminous cream (#FFFDCD) or white on dark backgrounds for optimal readability. For headings or impactful statements, brilliant gold (#FFC000) provides excellent contrast against darker palette colors.

Accessibility notes

Ensure sufficient contrast for text, especially when pairing #FFC000 with #FFFDCD, which may have low contrast.
Prioritize using #FFFDCD or white for body text on dark backgrounds to meet WCAG contrast requirements.
Avoid using #520000 or #990000 for text on very dark backgrounds due to readability issues.
Consider using larger font sizes for any text set in mid-tone reds/oranges to improve legibility.

Recommended combinations

Forge Intensity

Ideal for creating a dramatic, high-contrast background with glowing accents, reminiscent of a blacksmith's fire.

#520000 · #FF5C00 · #FFFDCD

Ember Highlight

Excellent for calls-to-action, highlighted elements, or decorative flourishes that need to stand out with fiery energy.

#990000 · #FFC000 · #FF5C00

Molten Blend

Perfect for creating harmonious content blocks or illustrations, offering a smooth transition of complementary warm tones with a bright accent.

#520000 · #FFC000 · #990000

CSS variables

:root {
  --ember-forge-glow-1: #520000;
  --ember-forge-glow-2: #990000;
  --ember-forge-glow-3: #FF5C00;
  --ember-forge-glow-4: #FFC000;
  --ember-forge-glow-5: #FFFDCD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ember-forge-glow": {
        1: "#520000",
        2: "#990000",
        3: "#FF5C00",
        4: "#FFC000",
        5: "#FFFDCD",
      }
    }
  }
}

Hex values

Color 1#520000

Color 2#990000

Color 3#FF5C00

Color 4#FFC000

Color 5#FFFDCD

Accessibility

Contrast checker

1.7:1Fail

5:1AA

9.4:1AAA

14.9:1AAA

1.7:1Fail

2.9:1Fail

5.4:1AA

8.6:1AAA

5:1AA

2.9:1Fail

1.9:1Fail

3:1Fail

9.4:1AAA

5.4:1AA

1.9:1Fail

1.6:1Fail

14.9:1AAA

8.6:1AAA

3:1Fail

1.6:1Fail

Similar palettes

More like Ember Forge Glow