Back to palettes

Palette

Magma Current Glow

Intense reds and deep blacks portray the raw power and destructive beauty of a slow-moving lava flow.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Magma Current 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 Magma Current Glow.

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

Data visualization

#3A0000#6C0000#A00000#FF4500#FF8C00

Palette guide

How to use Magma Current Glow

Overview

The 'Magma Current Glow' palette embodies intense reds and deep blacks, portraying the raw power and destructive beauty of a slow-moving lava flow. Featuring profound black-red (#3A0000), rich dark red (#6C0000), strong crimson (#A00000), vibrant orange-red (#FF4500), and fiery orange (#FF8C00), this collection is for designers and developers seeking to evoke intensity, danger, and primal energy. It's excellent for projects requiring a bold, dramatic, and immersive aesthetic, capable of creating powerful visual impact and a sense of dynamic heat and depth.

Best used for

  • Gaming interfaces and branding for action games
  • Heavy metal or rock music album covers
  • Sci-fi and fantasy themed digital art
  • Automotive performance brand websites
  • Halloween or horror-themed promotions
  • Dramatic film titles and posters

Suggested color roles

primary

Use #A00000 as a dominant primary color for focal points or key brand elements, signifying power and intensity.

secondary

Apply #3A0000 as a deep, grounding secondary color for backgrounds or large sections, creating depth and mystery.

accent

Introduce #FF4500 for high-impact calls-to-action, warnings, or dynamic highlights, demanding immediate attention.

background

Utilize #3A0000 as an immersive, deep background, providing a rich canvas that enhances the fiery accents.

text

For optimal readability on these dark shades, use a bright, near-white text color like #EEEEEE, ensuring strong contrast.

Accessibility notes

  • Ensure critical text elements use a very light color (e.g., #EEEEEE) against dark backgrounds for high contrast.
  • Avoid using #6C0000 or #A00000 for small text on #3A0000, as contrast might be insufficient for some users.
  • Verify interactive elements have clear visual cues and sufficient contrast in their default, hover, and active states.
  • Use larger font sizes for important headings or information when using less vibrant colors from the palette.

Recommended combinations

Molten Flow

Creates a deep, evolving gradient effect, perfect for backgrounds or atmospheric elements.

#3A0000 · #6C0000 · #A00000

Fiery Impact

Ideal for dramatic calls-to-action, warnings, or highlighting crucial information with vibrant energy.

#A00000 · #FF4500 · #FF8C00

Dark Ember

A powerful combination for main headers, feature sections, or gaming UI elements, combining depth with glow.

#3A0000 · #FF8C00 · #6C0000

CSS variables

:root {
  --magma-current-glow-1: #3A0000;
  --magma-current-glow-2: #6C0000;
  --magma-current-glow-3: #A00000;
  --magma-current-glow-4: #FF4500;
  --magma-current-glow-5: #FF8C00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "magma-current-glow": {
        1: "#3A0000",
        2: "#6C0000",
        3: "#A00000",
        4: "#FF4500",
        5: "#FF8C00",
      }
    }
  }
}

Related searches

magma color schemefiery red orange palettevolcanic glow colorsdark intense brandinglava flow aesthetic

Palette colors

Hex values

Color 1#3A0000
·
Color 2#6C0000
·
Color 3#A00000
·
Color 4#FF4500
·
Color 5#FF8C00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
5.2:1AA
7.6:1AAA
2
1.4:1Fail
1.5:1Fail
3.7:1AA18
5.5:1AA
3
2.1:1Fail
1.5:1Fail
2.4:1Fail
3.6:1AA18
4
5.2:1AA
3.7:1AA18
2.4:1Fail
1.5:1Fail
5
7.6:1AAA
5.5:1AA
3.6:1AA18
1.5:1Fail

Similar palettes

More like Magma Current Glow

View all dark
Fiery Volcanic Veins
Magma Flow Descent
Volcanic Caldera Ember
Volcanic Earth Glow
Volcanic Rock Ember
Deep Sea Volcanic Vent