Palette

Crimson Ember Glow

The intense, flickering warmth of a dying fire, casting deep red and orange shadows.

WarmEnergetic5 colors

More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Crimson Ember Glow 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 Crimson Ember Glow.

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

Data visualization

#8B0000#DC143C#FF4500#FFD700#FF6347

Palette guide

How to use Crimson Ember Glow

Overview

The "Crimson Ember Glow" palette radiates intense warmth, perfectly capturing the flickering heart of a smoldering fire. This vibrant collection features deep crimson #8B0000, fiery scarlet #DC143C, bold orange-red #FF4500, a bright pop of golden yellow #FFD700, and a softer coral-red #FF6347. Designers can leverage this palette to evoke energy, passion, and coziness in their projects. Its dynamic range from deep reds to bright oranges makes it ideal for creating engaging visual hierarchies and impactful calls to action. Developers will find these hex codes provide a consistent theme for autumn-themed applications, dramatic interfaces, or any design requiring a powerful, warm aesthetic. Ensure careful contrast pairing, especially with the brighter tones, to maintain readability.

Best used for

Energetic branding and logos
Autumnal marketing campaigns
Restaurant or cafe website designs
Gaming interfaces with fire/lava themes
Event promotion (festivals, concerts)
Cozy home decor e-commerce sites

Suggested color roles

primary

Use #8B0000 (Dark Red) for main headings, navigation, or primary brand elements, providing a deep, grounding warmth.

secondary

Apply #DC143C (Crimson) for secondary headers, call-to-action buttons, or important highlights, offering vibrant energy.

accent

Feature #FFD700 (Gold) as a bright accent for icons, interactive states, or subtle decorative details, drawing immediate attention.

background

Utilize #FF6347 (Tomato) for secondary content blocks, cards, or as a softer, inviting background for sections.

text

For dark backgrounds like #8B0000 or #DC143C, use white or a very light off-white. For lighter backgrounds like #FFD700 or #FF6347, use a dark charcoal or black for optimal readability.

Accessibility notes

Ensure sufficient contrast for text on #FFD700 (Gold) and #FF6347 (Tomato) backgrounds; dark text is essential.
Pair lighter text (e.g., #FFFFFF) with #8B0000 (Dark Red), #DC143C (Crimson), and #FF4500 (Orange Red) for optimal legibility.
Test all color combinations, especially for interactive elements and small text, against WCAG 2.1 AA standards.
Avoid placing light text directly on #FF4500 (Orange Red) without careful contrast checking; a very dark text often works better.

Recommended combinations

Fiery Dynamic

High-impact headers or energetic calls to action, leveraging deep red with bright orange and gold for maximum visibility.

#8B0000 · #FF4500 · #FFD700

Warm Transition

Subtle gradients or background elements, providing a softer transition from vibrant crimson to warm coral, grounded by deep red.

#DC143C · #FF6347 · #8B0000

Vibrant Contrast

Bold visual hierarchy, using gold for highlights against strong red and crimson, perfect for conveying urgency or importance.

#FFD700 · #DC143C · #8B0000

CSS variables

:root {
  --crimson-ember-glow-2-1: #8B0000;
  --crimson-ember-glow-2-2: #DC143C;
  --crimson-ember-glow-2-3: #FF4500;
  --crimson-ember-glow-2-4: #FFD700;
  --crimson-ember-glow-2-5: #FF6347;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-ember-glow-2": {
        1: "#8B0000",
        2: "#DC143C",
        3: "#FF4500",
        4: "#FFD700",
        5: "#FF6347",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#DC143C

Color 3#FF4500

Color 4#FFD700

Color 5#FF6347

Accessibility

Contrast checker

2:1Fail

2.9:1Fail

7.1:1AAA

3.4:1AA18

2:1Fail

1.5:1Fail

3.6:1AA18

1.7:1Fail

2.9:1Fail

1.5:1Fail

2.5:1Fail

1.2:1Fail

7.1:1AAA

3.6:1AA18

2.5:1Fail

2.1:1Fail

3.4:1AA18

1.7:1Fail

1.2:1Fail

2.1:1Fail

Similar palettes

More like Crimson Ember Glow