Back to palettes

Palette

Molten Earth Core

A powerful palette inspired by the raw energy of volcanic activity, blending dark rock with intense molten hues.

darkenergetic5 colors
More dark 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

#222222#5A1807#9C320A#D4552A#F0A700

Palette guide

How to use Molten Earth Core

Overview

The Molten Earth Core palette draws inspiration from the raw, energetic power of volcanic activity, expertly blending deep, dark rock tones with vivid molten hues. Featuring a grounding #222222, rich #5A1807, and vibrant #9C320A, it culminates in the striking #D4552A and a brilliant #F0A700. This collection is exceptionally useful for designers and developers seeking to convey strength, natural power, and an adventurous spirit. Its unique mix of deep earth tones and fiery accents creates a robust aesthetic, perfect for industrial designs, adventure branding, or any project requiring a powerful, grounded, yet energetic visual identity.

Best used for

  • Industrial design interfaces
  • Adventure and outdoor branding
  • Geological and science exhibits
  • Robust web applications
  • Powerful marketing campaigns
  • Dark mode with earthy warmth

Suggested color roles

primary

Utilize #D4552A as the primary color for key interactive elements or prominent calls to action, providing a vibrant, energetic focus.

secondary

Employ #9C320A for supporting elements, subheadings, or secondary buttons, offering a rich, warm complement.

accent

Reserve #F0A700 for brilliant highlights, notifications, or small, critical details that need to stand out with a golden glow.

background

Apply #222222 as the core background color, offering a deep, stable, and dark foundation for the fiery elements.

text

Use #5A1807 for subtle secondary text on light backgrounds, or bright white/light gray for optimal readability against the dark #222222.

Accessibility notes

  • Ensure high contrast for text, especially when using any of the darker browns on #222222; prefer #F0A700 or white for critical text.
  • Be mindful of placing #5A1807 or #9C320A as text on backgrounds with insufficient luminance contrast.
  • Test the readability of #D4552A and #F0A700 against each other if used in close proximity.
  • For colorblind users, differentiate critical information that relies on color with icons or patterns.

Recommended combinations

Core Contrast

Creates a striking, energetic combination, perfect for bold headers or attention-grabbing sections.

#222222 · #D4552A · #F0A700

Earthy Flow

Provides a warm, gradual progression, ideal for depicting layers or sequential information.

#5A1807 · #9C320A · #D4552A

Golden Ember

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

#F0A700 · #D4552A · #222222

CSS variables

:root {
  --molten-earth-core-2-1: #222222;
  --molten-earth-core-2-2: #5A1807;
  --molten-earth-core-2-3: #9C320A;
  --molten-earth-core-2-4: #D4552A;
  --molten-earth-core-2-5: #F0A700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "molten-earth-core-2": {
        1: "#222222",
        2: "#5A1807",
        3: "#9C320A",
        4: "#D4552A",
        5: "#F0A700",
      }
    }
  }
}

Related searches

earthy volcanic palettedark orange color schemeindustrial web colorsadventure brand colorsmolten rock design

Palette colors

Hex values

Color 1#222222
·
Color 2#5A1807
·
Color 3#9C320A
·
Color 4#D4552A
·
Color 5#F0A700
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2.2:1Fail
3.9:1AA18
7.8:1AAA
2
1.2:1Fail
1.8:1Fail
3.3:1AA18
6.5:1AA
3
2.2:1Fail
1.8:1Fail
1.8:1Fail
3.6:1AA18
4
3.9:1AA18
3.3:1AA18
1.8:1Fail
2:1Fail
5
7.8:1AAA
6.5:1AA
3.6:1AA18
2:1Fail

Similar palettes

More like Molten Earth Core

View all dark
Magma River Flow
Molten Core
Urban Night Glow
Volcanic Flow Ember
Carnival Midnight Sky
Cyberpunk Cityscape