Back to palettes

Palette

Volcanic Earth Glow

Fiery reds and burnt oranges emerge from deep charcoal, depicting the intense heat of a lava flow from deep earth.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Volcanic Earth Glow 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 Volcanic Earth Glow.

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

Data visualization

#4D0A0A#8A1B1B#C13D3D#FF6600#2E0000

Palette guide

How to use Volcanic Earth Glow

Overview

The "Volcanic Earth Glow" palette captures the intense, smoldering heat of a lava flow from deep within the earth. Featuring a deep, almost black #2E0000 and rich, fiery reds like #8A1B1B and #C13D3D, culminating in a vibrant #FF6600 (Orange), this palette is incredibly dramatic and energetic. It's ideal for designs that need to convey power, urgency, and raw energy. Designers can use it for impactful branding, while developers will find it excellent for creating dynamic interfaces with strong visual cues.

Best used for

  • High-impact gaming interfaces
  • Action-oriented brand identity
  • Warnings and alert systems
  • Extreme sports websites
  • Themed entertainment design
  • Dramatic event promotions

Suggested color roles

primary

#2E0000 - A very deep, dark red-brown, serving as a powerful, immersive background for intense designs.

secondary

#4D0A0A - A slightly lighter deep red, suitable for content sections or large headers, adding subtle warmth.

accent

#FF6600 - A bright, fiery orange for critical calls to action, alerts, or key interactive elements, demanding attention.

background

#2E0000 - Provides a deep, almost black canvas, making the glowing reds and orange incredibly vibrant.

text

#C13D3D or #FF6600 - For primary text on the darkest backgrounds, ensuring high visibility and energy.

Accessibility notes

  • Ensure #FF6600 and #C13D3D have very high contrast against #2E0000 or #4D0A0A for text.
  • Avoid using #4D0A0A and #8A1B1B for adjacent text or small elements due to limited contrast.
  • Lighter colors are essential for text and interactive elements to ensure readability.
  • Test contrast ratios thoroughly, especially for smaller font sizes.

Recommended combinations

Lava Flow

Creates a dynamic, high-energy focal point, perfect for urgent messages or dramatic visuals.

#2E0000 · #FF6600 · #C13D3D

Ember Core

Ideal for gradients or layered elements that evoke smoldering heat and depth.

#4D0A0A · #8A1B1B · #C13D3D

Intense Contrast

Provides a strong dark base with two vibrant, warm accents for clear hierarchy and visual excitement.

#2E0000 · #8A1B1B · #FF6600

CSS variables

:root {
  --volcanic-earth-glow-1: #4D0A0A;
  --volcanic-earth-glow-2: #8A1B1B;
  --volcanic-earth-glow-3: #C13D3D;
  --volcanic-earth-glow-4: #FF6600;
  --volcanic-earth-glow-5: #2E0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "volcanic-earth-glow": {
        1: "#4D0A0A",
        2: "#8A1B1B",
        3: "#C13D3D",
        4: "#FF6600",
        5: "#2E0000",
      }
    }
  }
}

Related searches

fiery red orange palettevolcanic lava colorsintense dark red schemeenergetic web designdramatic warm colors

Palette colors

Hex values

Color 1#4D0A0A
·
Color 2#8A1B1B
·
Color 3#C13D3D
·
Color 4#FF6600
·
Color 5#2E0000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
5.2:1AA
1.2:1Fail
2
1.7:1Fail
1.8:1Fail
3.2:1AA18
2:1Fail
3
2.9:1Fail
1.8:1Fail
1.8:1Fail
3.6:1AA18
4
5.2:1AA
3.2:1AA18
1.8:1Fail
6.4:1AA
5
1.2:1Fail
2:1Fail
3.6:1AA18
6.4:1AA

Similar palettes

More like Volcanic Earth Glow

View all dark
Magma Flow Veins
Volcanic Ember Flow
Fiery Volcanic Ash
Magma Current Glow
Magma Flow Descent
Obsidian Flow Texture