Back to palettes

Palette

Fiery Ember Core

The intense, smoldering heat and glowing heart of volcanic activity or a dying fire.

Warmenergetic5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fiery Ember Core 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 Fiery Ember Core.

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

Data visualization

#8B0000#FF4500#FFD700#2F4F4F#654321

Palette guide

How to use Fiery Ember Core

Overview

The 'Fiery Ember Core' palette captures the intense, smoldering heat and glowing heart of volcanic activity or a dying fire. It features a deep crimson (#8B0000) alongside a brilliant orange-red (#FF4500) and radiant gold (#FFD700), grounded by the stoic darkness of dark slate gray (#2F4F4F) and a rich, earthy brown (#654321). This combination evokes raw power, warmth, and a sense of ancient, elemental energy. Designers and developers can leverage this palette to create robust, immersive experiences that demand depth, intensity, and a touch of primal allure.

Best used for

  • Volcanic or apocalyptic themed games and media
  • Rustic home decor and artisanal product branding
  • Intense adventure or survival genre websites
  • Fall season designs and outdoor apparel
  • Dark mode UI with warm, inviting accents
  • Branding for robust, enduring products

Suggested color roles

primary

#8B0000 serves as a strong, impactful primary color for bold statements and main branding elements.

secondary

#FF4500 for dynamic accents, calls to action, or progress indicators, providing vibrant energy.

accent

#FFD700 for glowing highlights, interactive elements, or key information that needs to stand out.

background

#2F4F4F offers a sophisticated, dark, and grounding backdrop, or #654321 for an earthy, textured feel.

text

Use #FFD700 or #FF4500 on dark backgrounds, or white/off-white for general text readability on #2F4F4F or #654321.

Accessibility notes

  • Ensure #FFD700 text on #2F4F4F or #654321 backgrounds meets WCAG AA standards for readability.
  • #8B0000 requires light text for readability; avoid using dark text on this deep crimson.
  • Contrast between #FF4500 and #FFD700 might be insufficient for small text; use for larger elements.
  • Provide good contrast for interactive elements, especially on darker backgrounds, to ensure usability.

Recommended combinations

Volcanic Glow

A dark, moody background with vibrant, glowing accents, perfect for energy effects.

#2F4F4F · #FFD700 · #FF4500

Earthy Warmth

For a grounded design with a fiery core, blending rustic tones with intense warmth.

#654321 · #8B0000 · #FF4500

Action Button

A bright, energetic button with a subtle dark outline or text for clear interaction.

#FF4500 · #FFD700 · #2F4F4F

CSS variables

:root {
  --fiery-ember-core-1: #8B0000;
  --fiery-ember-core-2: #FF4500;
  --fiery-ember-core-3: #FFD700;
  --fiery-ember-core-4: #2F4F4F;
  --fiery-ember-core-5: #654321;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fiery-ember-core": {
        1: "#8B0000",
        2: "#FF4500",
        3: "#FFD700",
        4: "#2F4F4F",
        5: "#654321",
      }
    }
  }
}

Related searches

volcanic color schemewarm dark paletteember glow colorsintense earthy redsfiery gold and gray

Palette colors

Hex values

Color 1#8B0000
·
Color 2#FF4500
·
Color 3#FFD700
·
Color 4#2F4F4F
·
Color 5#654321
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.9:1Fail
7.1:1AAA
1.1:1Fail
1.1:1Fail
2
2.9:1Fail
2.5:1Fail
2.6:1Fail
2.6:1Fail
3
7.1:1AAA
2.5:1Fail
6.4:1AA
6.3:1AA
4
1.1:1Fail
2.6:1Fail
6.4:1AA
1:1Fail
5
1.1:1Fail
2.6:1Fail
6.3:1AA
1:1Fail

Similar palettes

More like Fiery Ember Core

View all Warm
Volcanic Glass Gleam
Autumn Bounty Feast
Dusk Horizon Radiance
Moroccan Spice Dawn
Fiery Ash Embers
Molten Earth Flow