Palette

Molten Earth Flow

Intense, glowing reds and oranges representing the raw, powerful flow of molten lava from the Earth's core.

WarmEnergetic5 colors

More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5C1D07#9B2D0C#DB3E0A#FF7B00#FFAE42

Palette guide

How to use Molten Earth Flow

Overview

The Molten Earth Flow palette embodies the raw, powerful movement of molten lava, showcasing an intense progression of glowing reds and oranges. Starting with the deep #5C1D07, flowing through the rich #9B2D0C and vibrant #DB3E0A, it culminates in the bright #FF7B00 and #FFAE42. This dynamic collection is exceptionally useful for designers and developers aiming to evoke natural power, warmth, and motion. Ideal for adventure branding, immersive digital environments, or any project that requires an energetic and organic feel, it provides a vivid and impactful visual language that truly captures the essence of Earth's fiery core.

Best used for

Adventure sports branding
Natural history museum exhibits
Immersive gaming environments
Autumnal and seasonal themes
Energetic product launch campaigns
Website sections needing warmth and power

Suggested color roles

primary

Utilize #DB3E0A as the strong primary color for dominant elements, conveying energy and focus.

secondary

Employ #FF7B00 for vibrant secondary actions or supporting graphics, adding a bright, flowing feel.

accent

Apply #FFAE42 for brilliant highlights, interactive states, or small, crucial details that need to pop with maximum luminosity.

background

Use #5C1D07 as a deep, earthy background, providing a grounded yet intense canvas for the brighter hues.

text

For text, use #9B2D0C for secondary information on light backgrounds, or bright white/light gray for optimal readability on darker hues like #5C1D07 and #9B2D0C.

Accessibility notes

Ensure strong contrast for text on #5C1D07 and #9B2D0C backgrounds; light text is generally recommended.
Avoid using #DB3E0A as text on #9B2D0C, as their luminance values might be too close for readability.
Always use #FFAE42 or a bright white for critical text elements to ensure high visibility.
For colorblind users, differentiate crucial information with icons or patterns, especially between similar red-orange tones.

Recommended combinations

Flowing Lava

Creates a dynamic, bright flow, perfect for progress indicators or animated transitions.

#DB3E0A · #FF7B00 · #FFAE42

Earthy Depth

Provides a grounded, warm progression, ideal for layered backgrounds or information hierarchy.

#5C1D07 · #9B2D0C · #DB3E0A

Amber Glow

Highlights bright accents on a dark, earthy base, suitable for glowing elements or calls to action.

#FFAE42 · #FF7B00 · #5C1D07

CSS variables

:root {
  --molten-earth-flow-1: #5C1D07;
  --molten-earth-flow-2: #9B2D0C;
  --molten-earth-flow-3: #DB3E0A;
  --molten-earth-flow-4: #FF7B00;
  --molten-earth-flow-5: #FFAE42;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "molten-earth-flow": {
        1: "#5C1D07",
        2: "#9B2D0C",
        3: "#DB3E0A",
        4: "#FF7B00",
        5: "#FFAE42",
      }
    }
  }
}

Hex values

Color 1#5C1D07

Color 2#9B2D0C

Color 3#DB3E0A

Color 4#FF7B00

Color 5#FFAE42

Accessibility

Contrast checker

1.7:1Fail

2.9:1Fail

4.9:1AA

7:1AA

1.7:1Fail

2.9:1Fail

4.1:1AA18

2.9:1Fail

1.7:1Fail

2.4:1Fail

4.9:1AA

2.9:1Fail

1.7:1Fail

1.4:1Fail

7:1AA

4.1:1AA18

2.4:1Fail

1.4:1Fail

Similar palettes

More like Molten Earth Flow

Molten Earth Flow

See it in context.

Ready when you are.

Built with Molten Earth Flow.

How to use Molten Earth Flow

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Flowing Lava

Earthy Depth

Amber Glow

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Molten Earth Flow