Back to palettes

Palette

Lava Rock Flow

Intense, smoldering reds and dark blacks capturing the raw power of molten lava.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lava Rock 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 Lava Rock Flow.

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

Data visualization

#420000#800000#B22222#CD5C5C#DC143C

Palette guide

How to use Lava Rock Flow

Overview

The Lava Rock Flow palette captures intense, smoldering reds and deep, dark tones, reflecting the raw power of molten lava. This dramatic collection, featuring profound reds like #420000, #800000, and the vivid #DC143C, is perfect for designers and developers aiming to convey strength, intensity, and a sense of raw, untamed energy. It offers a gradient from deep, almost black reds to bright, fiery accents, providing versatility for impactful visual statements. This palette is excellent for projects requiring a bold, dark, and energetic aesthetic.

Best used for

  • Gaming and esports branding
  • Horror and thriller media design
  • Warning systems and alerts
  • Heavy industry and construction themes
  • Dramatic digital art and illustrations
  • Impactful event promotions

Suggested color roles

primary

Use #420000 as the foundational color for backgrounds or main structural elements, providing deep contrast.

secondary

Employ #800000 for supporting content areas, large headings, or to add depth to UI elements.

accent

Apply #DC143C as a powerful accent for calls-to-action, alerts, or key interactive elements to maximize impact.

background

Utilize #420000 for a dramatic, immersive background that enhances the fiery elements.

text

White or a very light grey ensures optimal readability for text against the darker reds like #420000 or #800000.

Accessibility notes

  • White or light grey text provides excellent contrast on the darker shades like #420000 and #800000.
  • Be cautious using #CD5C5C on #B22222 for small text due to potentially low contrast.
  • Ensure sufficient contrast for all text, especially when using similar red tones together.
  • Reserve #DC143C for accents or large headings to ensure it stands out effectively.

Recommended combinations

Deep Molten

Ideal for primary branding, dark mode interfaces, and dramatic headers, conveying intense power.

#420000 · #800000 · #DC143C

Smoldering Edge

Perfect for alerts, interactive elements, or gradients that simulate a smoldering, fiery effect.

#B22222 · #CD5C5C · #DC143C

Rock & Fire

Creates powerful headers, background patterns, or visual storytelling elements with depth.

#420000 · #B22222 · #CD5C5C

CSS variables

:root {
  --lava-rock-flow-1: #420000;
  --lava-rock-flow-2: #800000;
  --lava-rock-flow-3: #B22222;
  --lava-rock-flow-4: #CD5C5C;
  --lava-rock-flow-5: #DC143C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lava-rock-flow": {
        1: "#420000",
        2: "#800000",
        3: "#B22222",
        4: "#CD5C5C",
        5: "#DC143C",
      }
    }
  }
}

Related searches

dark red color palettevolcanic rock theme colorsintense red hex codesfiery dark branding designlava inspired graphic design

Palette colors

Hex values

Color 1#420000
·
Color 2#800000
·
Color 3#B22222
·
Color 4#CD5C5C
·
Color 5#DC143C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
4.3:1AA18
3.4:1AA18
2
1.6:1Fail
1.6:1Fail
2.8:1Fail
2.2:1Fail
3
2.6:1Fail
1.6:1Fail
1.7:1Fail
1.3:1Fail
4
4.3:1AA18
2.8:1Fail
1.7:1Fail
1.3:1Fail
5
3.4:1AA18
2.2:1Fail
1.3:1Fail
1.3:1Fail

Similar palettes

More like Lava Rock Flow

View all dark
Fiery Volcanic Ash
Magma Flow Descent
Obsidian Flow Texture
Volcanic Caldera Ember
Magma Current Glow
Obsidian Shard Grey