Back to palettes

Palette

Ember Glow

Deep, smoldering reds that transition to vibrant oranges, capturing the intense heat of dying embers.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#731707#A62413#D43320#E65F4F#F0887A

Palette guide

How to use Ember Glow

Overview

The Ember Glow palette captures deep, smoldering reds that transition to vibrant oranges, embodying the intense heat of dying embers. This collection features dark brick red (#731707), rich crimson (#A62413), vibrant red (#D43320), soft coral red (#E65F4F), and delicate peach (#F0887A). It's an ideal choice for designs that aim to convey warmth, intensity, passion, and a touch of rustic energy. Designers and developers can leverage these harmonious hues to create captivating branding, dynamic digital experiences, or inviting editorial layouts. The smooth progression from deep, grounding tones to soft, airy accents allows for versatile application and a visually appealing sense of glowing depth.

Best used for

  • Autumn and winter seasonal campaigns
  • Food and beverage branding (especially warm or spicy products)
  • Cozy cafe or restaurant interior design concepts
  • Event promotions for warm, inviting gatherings
  • Nature-inspired digital art and illustrations
  • Lifestyle blogs focusing on comfort and warmth

Suggested color roles

primary

Dark brick red (#731707) or rich crimson (#A62413) serves as an excellent foundational color for backgrounds or main content areas, conveying depth and passion.

secondary

Vibrant red (#D43320) or soft coral red (#E65F4F) are versatile for supporting content blocks, subheadings, or subtle gradients, adding energy.

accent

Delicate peach (#F0887A) offers a gentle yet prominent accent, perfect for highlights, interactive elements, or a warm, comforting glow.

background

Dark brick red (#731707) creates a deep, warm backdrop, allowing lighter tones to emerge with a comforting, ember-like glow.

text

For body text, use white or a very light cream on dark backgrounds for optimal readability. For headings or impactful statements, delicate peach (#F0887A) provides excellent contrast against darker palette colors.

Accessibility notes

  • Ensure sufficient contrast for text, especially when pairing #E65F4F with #F0887A, which may have low contrast.
  • Prioritize using white or a very light cream for body text on dark backgrounds to meet WCAG contrast requirements.
  • Avoid using darker palette colors like #731707 or #A62413 for text on very dark backgrounds due to readability issues.
  • Consider using larger font sizes for any text set in mid-tone reds to improve legibility.

Recommended combinations

Ember Gradient

Ideal for creating a deep, warm background gradient or layered UI elements that evoke the intense heat of embers.

#731707 · #A62413 · #D43320

Glowing Accent

Excellent for calls-to-action, highlighted elements, or decorative flourishes that need to stand out with a radiant, warm glow.

#731707 · #F0887A · #E65F4F

Red Harmony

Perfect for creating harmonious content blocks or illustrations, offering a smooth transition of complementary warm red tones.

#A62413 · #D43320 · #E65F4F

CSS variables

:root {
  --ember-glow-1: #731707;
  --ember-glow-2: #A62413;
  --ember-glow-3: #D43320;
  --ember-glow-4: #E65F4F;
  --ember-glow-5: #F0887A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ember-glow": {
        1: "#731707",
        2: "#A62413",
        3: "#D43320",
        4: "#E65F4F",
        5: "#F0887A",
      }
    }
  }
}

Related searches

ember glow color palettewarm red orange schemefiery intense colorsdark red gradient designdying embers aesthetic

Palette colors

Hex values

Color 1#731707
·
Color 2#A62413
·
Color 3#D43320
·
Color 4#E65F4F
·
Color 5#F0887A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.3:1Fail
3.3:1AA18
4.6:1AA
2
1.6:1Fail
1.5:1Fail
2.1:1Fail
3:1Fail
3
2.3:1Fail
1.5:1Fail
1.4:1Fail
2:1Fail
4
3.3:1AA18
2.1:1Fail
1.4:1Fail
1.4:1Fail
5
4.6:1AA
3:1Fail
2:1Fail
1.4:1Fail

Similar palettes

More like Ember Glow

View all dark
Magma Pool Glimmer
Ember Glow Hearth
Magma Current Glow
Magma Flow Veins
Ruby Ember Hearth
Volcanic Earth Glow