Palette

Volcanic Ember Flow

Fiery reds and oranges, mimicking the molten flow and intense heat of a volcanic eruption.

warmenergetic5 colors

More warm 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

#8B0000#DC143C#FF4500#FF8C00#FFD700

Palette guide

How to use Volcanic Ember Flow

Overview

The "Volcanic Ember Flow" palette (ID: volcanic-ember-flow-3) is a vibrant and intense collection, mimicking the molten flow and heat of a volcanic eruption. It transitions from deep #8B0000 (Dark Red) through vivid #DC143C (Crimson) and #FF4500 (Orange Red), culminating in bright #FF8C00 (Dark Orange) and #FFD700 (Gold). This palette is perfect for designs that need to convey explosive energy, warmth, and dynamic movement. Designers can use it for impactful branding, while developers will find it excellent for creating energetic and visually exciting user interfaces.

Best used for

High-energy product launches
Festive or celebratory themes
Gaming interfaces for vibrant action
Youth-oriented branding
Seasonal marketing campaigns (e.g., autumn, summer)
Dynamic infographics

Suggested color roles

primary

#8B0000 - A deep, powerful red for foundational elements or strong headers, providing a stable, intense base.

secondary

#DC143C - A vibrant crimson for important content sections or larger textual elements, adding dynamic energy.

accent

#FFD700 - A brilliant gold for critical calls to action, interactive elements, or key highlights, demanding immediate attention.

background

#8B0000 or a very dark grey - Provides a rich, warm background, allowing the brighter reds, oranges, and gold to radiate.

text

#FFD700 or #FF8C00 for primary text on the darkest backgrounds, ensuring high visibility and a fiery glow.

Accessibility notes

Ensure #FFD700 and #FF8C00 have very high contrast on #8B0000 or #DC143C for text.
Avoid using adjacent warm colors like #FF4500 and #FF8C00 for small text or critical info due to potential 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

Explosive Glow

Creates a dramatic, high-contrast combination, ideal for urgent messages or striking visual effects.

#8B0000 · #FFD700 · #FF4500

Molten Gradient

Perfect for gradients or layered elements that evoke the intense, flowing heat and light of lava.

#DC143C · #FF4500 · #FF8C00

Fiery Radiance

A robust combination for vibrant sections, offering depth and a bright, energetic progression of tones.

#8B0000 · #FF8C00 · #FFD700

CSS variables

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

Tailwind config

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

Hex values

Color 1#8B0000

Color 2#DC143C

Color 3#FF4500

Color 4#FF8C00

Color 5#FFD700

Accessibility

Contrast checker

2:1Fail

2.9:1Fail

4.3:1AA18

7.1:1AAA

2:1Fail

1.5:1Fail

2.1:1Fail

3.6:1AA18

2.9:1Fail

1.5:1Fail

2.5:1Fail

4.3:1AA18

2.1:1Fail

1.5:1Fail

1.7:1Fail

7.1:1AAA

3.6:1AA18

2.5:1Fail

1.7:1Fail

Similar palettes

More like Volcanic Ember Flow

Volcanic Ember Flow

See it in context.

Ready when you are.

Built with Volcanic Ember Flow.

How to use Volcanic Ember Flow

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Explosive Glow

Molten Gradient

Fiery Radiance

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Volcanic Ember Flow