Back to palettes

Palette

Molten Core Flow

An intense and fiery palette, echoing the glowing, primordial colors of molten lava as it flows from a volcanic core.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4b0000#7b0000#ac1111#dc3333#ff5555

Palette guide

How to use Molten Core Flow

Overview

The "Molten Core Flow" palette is an intense and fiery gradient, echoing the glowing, primordial colors of molten lava as it flows from a volcanic core. Ranging from the deep, almost black-red #4b0000 to the bright, vivid #ff5555, this palette creates a powerful and energetic visual experience. Designers can leverage these shades to convey urgency, passion, or a raw, untamed force. Developers will find these hex codes ideal for creating high-impact branding, dynamic interactive elements, or visually arresting content that demands immediate attention. The consistent red gradient across #7b0000, #ac1111, and #dc3333 allows for seamless transitions and a truly immersive fiery aesthetic.

Best used for

  • High-stakes gaming interfaces
  • Action movie or documentary branding
  • Warning systems or emergency alerts
  • Sports team branding and merchandise
  • Food and beverage products (spicy, intense flavors)
  • Dramatic digital art and illustrations

Suggested color roles

primary

#ac1111 - A bold, intense red, ideal for prominent calls-to-action, main headers, or as a dominant brand color, conveying power and urgency.

secondary

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

accent

#dc3333 - A vibrant, bright red, perfect for interactive elements, progress indicators, or to highlight key information with a luminous, energetic glow.

background

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

text

#ff5555 - For optimal readability against the dark #4b0000 or #7b0000 backgrounds, #ff5555 provides a glowing effect, while pure white offers maximum contrast.

Accessibility notes

  • Ensure #ff5555 or white text on #4b0000 or #7b0000 meets WCAG AA contrast standards.
  • Avoid using #ac1111 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 #ff5555.
  • Use caution with red on red for critical information for colorblind users; employ icons or additional cues.

Recommended combinations

Lava Base

Creates a deep, layered background effect or for card components, evoking the core of a volcanic flow.

#4B0000 · #7B0000 · #AC1111

Erupting Flow

Excellent for showcasing primary content with a vivid accent against a dark background, simulating intense heat.

#4B0000 · #DC3333 · #FF5555

Fiery Gradient

Useful for progress bars, active navigation states, or graphic elements where a smooth, energetic transition is desired.

#7B0000 · #AC1111 · #DC3333

CSS variables

:root {
  --molten-core-flow-1: #4b0000;
  --molten-core-flow-2: #7b0000;
  --molten-core-flow-3: #ac1111;
  --molten-core-flow-4: #dc3333;
  --molten-core-flow-5: #ff5555;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "molten-core-flow": {
        1: "#4b0000",
        2: "#7b0000",
        3: "#ac1111",
        4: "#dc3333",
        5: "#ff5555",
      }
    }
  }
}

Related searches

lava red color palettevolcanic gradient schemeintense fiery colorsdramatic red ui designenergetic earth tones

Palette colors

Hex values

Color 1#4b0000
·
Color 2#7b0000
·
Color 3#ac1111
·
Color 4#dc3333
·
Color 5#ff5555
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
3.5:1AA18
5.1:1AA
2
1.4:1Fail
1.5:1Fail
2.5:1Fail
3.6:1AA18
3
2.2:1Fail
1.5:1Fail
1.6:1Fail
2.4:1Fail
4
3.5:1AA18
2.5:1Fail
1.6:1Fail
1.5:1Fail
5
5.1:1AA
3.6:1AA18
2.4:1Fail
1.5:1Fail

Similar palettes

More like Molten Core Flow

View all vibrant
Fiery Volcano Glow
Magma Flow Horizon
Ruby Ember Forge
Coral Reef Mosaic
Crimson Berry Pop
Dragon's Fire Breath