Back to palettes

Palette

Molten Earth Core

Intense reds and oranges that conjure images of the fiery depths of 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 Core 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 Core.

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

Data visualization

#8B0000#B22222#DC143C#FF4500#FFA500

Palette guide

How to use Molten Earth Core

Overview

The Molten Earth Core palette vividly portrays the fiery depths of our planet, featuring an intense range of reds and oranges that conjure images of glowing lava. With deep tones like #8B0000, transitioning through #B22222 and the bold #DC143C, to the bright #FF4500 and #FFA500, this palette is inherently energetic. Designers and developers will find it incredibly useful for projects that need to exude passion, power, and dynamism. Whether for high-energy branding, impactful calls to action, or dramatic digital art, this palette provides a robust and visually arresting foundation to capture attention and convey intense warmth.

Best used for

  • Dynamic gaming interfaces
  • Energetic sports team branding
  • Urgent alert notifications
  • Dramatic digital art and illustrations
  • Event and concert promotions
  • High-impact website sections

Suggested color roles

primary

Use #DC143C as the focal point, perfect for key calls to action or prominent headings that demand attention.

secondary

Employ #FF4500 for supporting interactive elements or graphics, providing a vibrant and active feel.

accent

Apply #FFA500 for bright highlights, warnings, or small, critical details that need to stand out with maximum luminosity.

background

Utilize #8B0000 as a deep, grounding background to create an intense and powerful canvas.

text

For text, use #B22222 for secondary information on very light backgrounds, or bright white/light gray for optimal readability on darker hues like #8B0000 and #B22222.

Accessibility notes

  • Ensure sufficient contrast when using any of the darker reds as text on similar backgrounds; prefer lighter text colors.
  • Avoid using #B22222 text on #8B0000 without meeting contrast guidelines, as they are close in luminance.
  • Use #FFA500 or white for critical text elements to ensure maximum readability, especially on dark backgrounds.
  • Be mindful of color differentiation for colorblind users, particularly between the various red shades; use other cues.

Recommended combinations

Fiery Core

Creates a strong, vibrant core, ideal for prominent branding or energetic calls to action.

#8B0000 · #DC143C · #FFA500

Lava Burst

Provides an energetic, warm burst, perfect for dynamic highlights or animated effects.

#FF4500 · #FFA500 · #B22222

Deep Ember

Offers a gradual, dramatic progression of deep reds, suitable for backgrounds or layered elements.

#8B0000 · #B22222 · #DC143C

CSS variables

:root {
  --molten-earth-core-1: #8B0000;
  --molten-earth-core-2: #B22222;
  --molten-earth-core-3: #DC143C;
  --molten-earth-core-4: #FF4500;
  --molten-earth-core-5: #FFA500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "molten-earth-core": {
        1: "#8B0000",
        2: "#B22222",
        3: "#DC143C",
        4: "#FF4500",
        5: "#FFA500",
      }
    }
  }
}

Related searches

earth core color schemeintense red orange palettevolcanic UI colorsenergetic brand identityfiery website design

Palette colors

Hex values

Color 1#8B0000
·
Color 2#B22222
·
Color 3#DC143C
·
Color 4#FF4500
·
Color 5#FFA500
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2:1Fail
2.9:1Fail
5.1:1AA
2
1.5:1Fail
1.3:1Fail
1.9:1Fail
3.4:1AA18
3
2:1Fail
1.3:1Fail
1.5:1Fail
2.5:1Fail
4
2.9:1Fail
1.9:1Fail
1.5:1Fail
1.7:1Fail
5
5.1:1AA
3.4:1AA18
2.5:1Fail
1.7:1Fail

Similar palettes

More like Molten Earth Core

View all warm
Erupting Volcanic Heat
Lava Flow
Magma Eruption Glow
Crimson Ember Bloom
Ember Sky
Fiery Canyon Walls