Palette

Molten Gold Forge

Intense reds and fiery oranges with a touch of molten gold, evoking the scorching heat 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 Molten Gold Forge 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 Molten Gold Forge.

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

Data visualization

#8A0F0F#C1272D#FF6600#FBB03B#570000

Palette guide

How to use Molten Gold Forge

Overview

The Molten Gold Forge palette captures the scorching heat and intense energy of a blacksmith's forge, blending powerful reds and fiery oranges with a touch of molten gold. Featuring deep #8A0F0F, a bold #C1272D, the vibrant #FF6600, and a brilliant #FBB03B, this palette is grounded by an ultra-deep #570000. Designers and developers will find this collection exceptionally useful for projects demanding high impact, energy, and a sense of raw power. It’s ideal for gaming interfaces, sports branding, or any design requiring a dramatic, unyielding aesthetic that commands attention and conveys intense warmth and strength.

Best used for

High-impact gaming interfaces
Sports team branding and merchandise
Dramatic film titles and trailers
Energetic mobile app interfaces
Blacksmith or artisan workshop branding
Events requiring a powerful, fiery aesthetic

Suggested color roles

primary

Designate #C1272D as the strong primary red for key calls to action or prominent headings, conveying urgency and power.

secondary

Utilize #FF6600 for vibrant supporting elements or secondary interactive components, adding fiery energy.

accent

Apply #FBB03B for brilliant highlights, small details, or when a luminous, 'golden' spark is desired.

background

Use #570000 as the deepest background, providing an intense and dramatic foundation for the other molten hues.

text

For text, #8A0F0F can be used for secondary information on light backgrounds, or bright white/light gray for optimal readability on #570000.

Accessibility notes

Ensure strong contrast for text, especially when using any of the darker reds as text on #570000.
Avoid using #8A0F0F as text on #C1272D without careful contrast checking, as they are close in luminance.
Always use #FBB03B or a bright white for critical text elements to ensure maximum readability.
For colorblind users, differentiate important information with icons or patterns, particularly between the red and orange shades.

Recommended combinations

Fiery Gold

Creates a bold, radiant combination, perfect for energetic branding or calls to action.

#C1272D · #FF6600 · #FBB03B

Deep Heat

Provides an intense, dark progression, ideal for dramatic backgrounds or layered elements.

#570000 · #8A0F0F · #C1272D

Molten Spark

Highlights bright accents on a deep, dark base, suitable for glowing elements or urgent notifications.

#FBB03B · #FF6600 · #570000

CSS variables

:root {
  --molten-gold-forge-1: #8A0F0F;
  --molten-gold-forge-2: #C1272D;
  --molten-gold-forge-3: #FF6600;
  --molten-gold-forge-4: #FBB03B;
  --molten-gold-forge-5: #570000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "molten-gold-forge": {
        1: "#8A0F0F",
        2: "#C1272D",
        3: "#FF6600",
        4: "#FBB03B",
        5: "#570000",
      }
    }
  }
}

Hex values

Color 1#8A0F0F

Color 2#C1272D

Color 3#FF6600

Color 4#FBB03B

Color 5#570000

Accessibility

Contrast checker

1.7:1Fail

3.3:1AA18

5.3:1AA

1.5:1Fail

1.7:1Fail

2:1Fail

3.2:1AA18

2.6:1Fail

3.3:1AA18

2:1Fail

1.6:1Fail

5.1:1AA

5.3:1AA

3.2:1AA18

1.6:1Fail

8.1:1AAA

1.5:1Fail

2.6:1Fail

5.1:1AA

8.1:1AAA

Similar palettes

More like Molten Gold Forge