Palette

Volcanic Rim Sunset

Captures the raw power and intense beauty of a volcano at dusk, with glowing embers.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Volcanic Rim Sunset 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 Rim Sunset.

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

Data visualization

#7A0C0E#B32018#E25822#472D3C#5E3D4F

Palette guide

How to use Volcanic Rim Sunset

Overview

The "Volcanic Rim Sunset" palette captures the raw power and intense beauty of a volcano at dusk. This warm, dramatic collection features fiery reds like `#B32018` and vibrant oranges such as `#E25822`, complemented by deep, earthy purples like `#472D3C` and `#5E3D4F`, and a profound `#7A0C0E`. It's an energetic scheme that balances intense warmth with grounded depth, making it ideal for designs that demand attention and evoke passion or adventure. Designers and developers can leverage its strong contrasts for impactful visual storytelling and compelling user interfaces.

Best used for

Dramatic branding and logos
Gaming UI/UX and fantasy art
Event posters and promotional materials
Passionate marketing campaigns
Adventure travel websites
Fiery digital illustrations

Suggested color roles

primary

Use `#B32018` as the energetic core for main headings or call-to-action buttons, grabbing immediate attention.

secondary

Apply `#E25822` for vibrant highlights, interactive elements, or secondary information that needs to pop.

accent

Utilize `#7A0C0E` for deep, intense details, borders, or subtle background patterns to add sophistication.

background

Employ `#472D3C` as a dark, grounding base for backgrounds, providing a rich canvas for warmer elements.

text

Pair `#5E3D4F` for darker, subtle body text on lighter elements, or use a crisp white or near-white for optimal readability on dark backgrounds like `#472D3C`.

Accessibility notes

Ensure `#E25822` text has sufficient contrast against `#472D3C` or `#5E3D4F` backgrounds.
Lighter text, such as white, will provide excellent readability on `#7A0C0E` and `#B32018`.
Avoid using `#B32018` as text on `#E25822` due to low contrast, which could hinder readability.
Always use a contrast checker to verify all text and UI element combinations meet WCAG AA standards.

Recommended combinations

Ember Glow

For a dynamic, fiery look; `#472D3C` as background with `#B32018` and `#E25822` as glowing elements.

#B32018 · #E25822 · #472D3C

Deep Dusk

Creates a rich, intense atmosphere; `#7A0C0E` for depth, `#5E3D4F` for balance, and `#E25822` as a vivid accent.

#7A0C0E · #5E3D4F · #E25822

Dramatic Contrast

A powerful combination for impactful statements; `#472D3C` as a solid base with reds for strong visual hierarchy.

#472D3C · #B32018 · #7A0C0E

CSS variables

:root {
  --volcanic-rim-sunset-1: #7A0C0E;
  --volcanic-rim-sunset-2: #B32018;
  --volcanic-rim-sunset-3: #E25822;
  --volcanic-rim-sunset-4: #472D3C;
  --volcanic-rim-sunset-5: #5E3D4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "volcanic-rim-sunset": {
        1: "#7A0C0E",
        2: "#B32018",
        3: "#E25822",
        4: "#472D3C",
        5: "#5E3D4F",
      }
    }
  }
}

Hex values

Color 1#7A0C0E

Color 2#B32018

Color 3#E25822

Color 4#472D3C

Color 5#5E3D4F

Accessibility

Contrast checker

1.7:1Fail

3:1Fail

1.1:1Fail

1.2:1Fail

1.7:1Fail

1.8:1Fail

1.4:1Fail

3:1Fail

1.8:1Fail

3.3:1AA18

2.5:1Fail

1.1:1Fail

1.8:1Fail

3.3:1AA18

1.3:1Fail

1.2:1Fail

1.4:1Fail

2.5:1Fail

1.3:1Fail

Similar palettes

More like Volcanic Rim Sunset

Volcanic Rim Sunset

See it in context.

Ready when you are.

Built with Volcanic Rim Sunset.

How to use Volcanic Rim Sunset

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Ember Glow

Deep Dusk

Dramatic Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Volcanic Rim Sunset