Palette

Volcanic Ember Flow

The intense, smoldering heat of volcanic embers and flowing lava, a powerful and fiery display of earth's energy.

earthenergetic5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Volcanic Ember 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 Volcanic Ember Flow.

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

Data visualization

#FF4500#CD5C5C#8B0000#800000#DC143C

Palette guide

How to use Volcanic Ember Flow

Overview

The "Volcanic Ember Flow" palette (ID: volcanic-ember-flow-2) captures the intense, smoldering heat of volcanic embers and flowing lava. It's a powerful and fiery display of earth's energy, dominated by vibrant reds and oranges. Featuring the bright #FF4500 (Orange Red), the deep #8B0000 (Dark Red), and the vivid #DC143C (Crimson), this palette is perfect for designs that demand attention and convey raw power. Designers can leverage its intensity for impactful branding, while developers will find it excellent for creating energetic and visually striking user interfaces.

Best used for

High-energy brand identities
Warnings and alert systems
Gaming interfaces for action themes
Sports and fitness marketing
Dramatic event promotions
Food packaging (e.g., spicy products)

Suggested color roles

primary

#8B0000 - A deep, powerful red for dominant elements, conveying strength and intensity.

secondary

#DC143C - A vibrant crimson for important content sections or large headers, adding dynamic energy.

accent

#FF4500 - A brilliant orange-red for critical calls to action, interactive elements, or key highlights, demanding immediate attention.

background

#800000 - Provides a very dark, rich red background, making the brighter reds and orange truly glow.

text

#FF4500 or white for primary text on the darkest backgrounds, ensuring high visibility and energy.

Accessibility notes

Ensure #FF4500 has very high contrast on #800000 or #8B0000 for text and interactive elements.
Avoid using adjacent reds like #CD5C5C and #DC143C for small text or critical information due to low contrast.
Use a pure white or very light grey for body text over the darkest reds to ensure readability.
Test contrast ratios thoroughly, especially for users with color vision deficiencies.

Recommended combinations

Fiery Core

Creates a dynamic, high-impact combination, perfect for urgent messages or dramatic visual effects.

#800000 · #FF4500 · #DC143C

Molten Glow

Ideal for gradients or layered elements that evoke the intense, flowing heat of lava.

#8B0000 · #CD5C5C · #FF4500

Deep Ember

A robust combination for dark-themed sections, offering depth and a subtle transition of fiery tones.

#800000 · #DC143C · #CD5C5C

CSS variables

:root {
  --volcanic-ember-flow-2-1: #FF4500;
  --volcanic-ember-flow-2-2: #CD5C5C;
  --volcanic-ember-flow-2-3: #8B0000;
  --volcanic-ember-flow-2-4: #800000;
  --volcanic-ember-flow-2-5: #DC143C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "volcanic-ember-flow-2": {
        1: "#FF4500",
        2: "#CD5C5C",
        3: "#8B0000",
        4: "#800000",
        5: "#DC143C",
      }
    }
  }
}

Hex values

Color 1#FF4500

Color 2#CD5C5C

Color 3#8B0000

Color 4#800000

Color 5#DC143C

Accessibility

Contrast checker

1.2:1Fail

2.9:1Fail

3.2:1AA18

1.5:1Fail

1.2:1Fail

2.5:1Fail

2.8:1Fail

1.3:1Fail

2.9:1Fail

2.5:1Fail

1.1:1Fail

2:1Fail

3.2:1AA18

2.8:1Fail

1.1:1Fail

2.2:1Fail

1.5:1Fail

1.3:1Fail

2:1Fail

2.2:1Fail

Similar palettes

More like Volcanic Ember Flow

View all earth

Volcanic Earth

Bohemian Spice Market