Palette

Molten Core Erupt

An explosive gradient of deep reds, oranges, and fiery golds, mirroring the intense heat of molten lava erupting.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2C0700#631C00#A03B00#E47000#FFB040

Palette guide

How to use Molten Core Erupt

Overview

The "Molten Core Erupt" palette is an explosive gradient of deep reds, oranges, and fiery golds, mirroring the intense heat and raw power of molten lava. Featuring the profound, almost black-red #2C0700, the rich #A03B00, and the brilliant #E47000, this palette creates an energetic and dramatic visual experience. Designers can leverage these shades to convey urgency, excitement, or a powerful, primal force. Developers will find these hex codes ideal for creating high-impact branding, dynamic interactive elements, or visually arresting content that demands attention. The inclusion of #631C00 and #FFB040 allows for nuanced depth and highlights, simulating the transition from deep core to glowing surface.

Best used for

Gaming websites and streaming interfaces
High-energy event promotions
Action-oriented product launches
Warning systems or critical alerts
Volcanic or fantasy-themed digital experiences
Dramatic film or music branding

Suggested color roles

primary

#A03B00 - A deep, intense red-orange, ideal for prominent calls-to-action, main headers, or as a dominant brand color, conveying power.

secondary

#631C00 - A darker, rich red-brown, suitable for subheadings, important secondary information, or as a background for high-impact content blocks.

accent

#E47000 - A bright, fiery orange, perfect for interactive elements, progress indicators, or to highlight key information with a luminous glow.

background

#2C0700 - A very deep, almost black-red, providing a dramatic and grounding canvas that makes the brighter "molten" colors pop with intensity.

text

#FFB040 - For optimal readability against the dark #2C0700 or #631C00 backgrounds, these lighter, glowing shades provide excellent contrast and a fiery effect.

Accessibility notes

Ensure #FFB040 or #E47000 used for text on #2C0700 or #631C00 meets WCAG AA contrast standards.
Avoid using #A03B00 for small text on dark backgrounds due to potential readability issues.
For interactive elements, ensure clear visual feedback for focus and hover states, perhaps by increasing glow with #FFB040.
Use caution with red/orange combinations for critical information for colorblind users; employ icons or additional cues.

Recommended combinations

Core & Glow

Creates a dramatic background with a powerful primary color and a vibrant accent for key elements.

#2C0700 · #A03B00 · #E47000

Lava Flow

Ideal for simulating a gradient effect, progress bars, or layered information that transitions from dark to light.

#631C00 · #A03B00 · #FFB040

Fiery Impact

Best for call-to-action buttons, alerts, or striking headlines where immediate attention is required.

#E47000 · #FFB040 · #2C0700

CSS variables

:root {
  --molten-core-erupt-1: #2C0700;
  --molten-core-erupt-2: #631C00;
  --molten-core-erupt-3: #A03B00;
  --molten-core-erupt-4: #E47000;
  --molten-core-erupt-5: #FFB040;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "molten-core-erupt": {
        1: "#2C0700",
        2: "#631C00",
        3: "#A03B00",
        4: "#E47000",
        5: "#FFB040",
      }
    }
  }
}

Hex values

Color 1#2C0700

Color 2#631C00

Color 3#A03B00

Color 4#E47000

Color 5#FFB040

Accessibility

Contrast checker

1.5:1Fail

2.7:1Fail

5.8:1AA

10.1:1AAA

1.5:1Fail

1.8:1Fail

3.9:1AA18

6.8:1AA

2.7:1Fail

1.8:1Fail

2.1:1Fail

3.7:1AA18

5.8:1AA

3.9:1AA18

2.1:1Fail

1.7:1Fail

10.1:1AAA

6.8:1AA

3.7:1AA18

1.7:1Fail

Similar palettes

More like Molten Core Erupt

Celestial Aurora Burst

Citrus Burst Splash