Palette

Molten Core Fury

Intense reds and oranges that mimic the raw power and fiery passion of molten lava at its core.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Molten Core Fury 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 Core Fury.

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

Data visualization

#4A0000#800000#CC0000#FF4500#FFA500

Palette guide

How to use Molten Core Fury

Overview

The Molten Core Fury palette erupts with the raw power and fiery passion of deep-earth lava, featuring an intense spectrum from the profound #4A0000 to the vibrant #FFA500. This collection of reds and oranges, including the striking #CC0000 and the energetic #FF4500, is perfect for projects demanding immediate attention and a sense of urgency. Designers and developers can leverage its warmth to create truly impactful visual experiences, from dynamic user interfaces to compelling brand identities. It evokes a primal energy, making it ideal for conveying strength, excitement, and a bold, unyielding spirit in any digital or print medium.

Best used for

High-impact gaming UI
Energetic sports branding
Urgent warning systems
Dramatic advertising campaigns
Festival and event promotions
Bold calls to action

Suggested color roles

primary

Use #CC0000 for primary headings or key interactive elements to command attention with its strong presence.

secondary

Employ #FF4500 as a vibrant secondary color, ideal for supporting graphics or secondary calls to action that need to pop.

accent

Apply #FFA500 for highlights, notifications, or small, crucial details that require the brightest, most energetic spark.

background

Utilize #4A0000 as a deep, grounding background for a dramatic and intense canvas, allowing brighter colors to truly glow.

text

For text, use #800000 for secondary information on very light backgrounds, or bright white/light gray for optimal readability on darker hues like #4A0000.

Accessibility notes

Ensure sufficient contrast between text and background, especially when using #800000 on mid-tone reds.
Avoid using red text on red backgrounds; always provide a clear luminosity difference for readability.
When placing #FFA500 on #FF4500, ensure large enough text or graphical elements to mitigate potential readability issues.
Consider color blindness; supplement color cues with icons or patterns for critical information.

Recommended combinations

Fiery Alert

Ideal for urgent alerts or impactful headlines, using deep red as a strong base.

#CC0000 · #FF4500 · #4A0000

Warm Glow

Creates an inviting, warm section, perfect for highlighting content with a vibrant, energetic feel.

#FFA500 · #FF4500 · #800000

Deep Ember

Provides a dramatic and grounded feel, suitable for foundational elements or intense visual storytelling.

#4A0000 · #800000 · #CC0000

CSS variables

:root {
  --molten-core-fury-1: #4A0000;
  --molten-core-fury-2: #800000;
  --molten-core-fury-3: #CC0000;
  --molten-core-fury-4: #FF4500;
  --molten-core-fury-5: #FFA500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "molten-core-fury": {
        1: "#4A0000",
        2: "#800000",
        3: "#CC0000",
        4: "#FF4500",
        5: "#FFA500",
      }
    }
  }
}

Hex values

Color 1#4A0000

Color 2#800000

Color 3#CC0000

Color 4#FF4500

Color 5#FFA500

Accessibility

Contrast checker

1.5:1Fail

2.8:1Fail

4.7:1AA

8.2:1AAA

1.5:1Fail

1.9:1Fail

3.2:1AA18

5.5:1AA

2.8:1Fail

1.9:1Fail

1.7:1Fail

3:1Fail

4.7:1AA

3.2:1AA18

1.7:1Fail

8.2:1AAA

5.5:1AA

3:1Fail

1.7:1Fail

Similar palettes

More like Molten Core Fury

Molten Core Fury

See it in context.

Ready when you are.

Built with Molten Core Fury.

How to use Molten Core Fury

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Fiery Alert

Warm Glow

Deep Ember

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Molten Core Fury