Back to palettes

Palette

Crimson Ember Glow

Intense fiery hues capturing the smoldering heart of a burning ember, radiating a powerful warmth.

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

#E0B5B5#C77D7D#A83C3C#8A1A1A#5B0C0C

Palette guide

How to use Crimson Ember Glow

Overview

The "Crimson Ember Glow" palette offers intense fiery hues, capturing the smoldering heart of a burning ember, radiating powerful warmth. This monochromatic red scale ranges from a delicate #E0B5B5 (Light Crimson) to a deep #5B0C0C (Darkest Crimson), with intermediate shades like #C77D7D, #A83C3C, and #8A1A1A. Designers can leverage this gradient to create depth, passion, and a sense of luxury in their projects. Its consistent color family ensures harmony while allowing for strong visual hierarchy through saturation and lightness variations. Developers will find these hex codes perfect for creating sophisticated interfaces, dramatic branding, or any design requiring a rich, warm, and cohesive red theme.

Best used for

  • Luxury brand identity and packaging
  • Dramatic website backgrounds or hero sections
  • Editorial design for fashion or art
  • UI elements requiring depth and emphasis
  • Autumnal or holiday-themed designs
  • High-end product showcases

Suggested color roles

primary

Use #8A1A1A (Deep Crimson) for main brand elements, primary calls to action, or prominent headings, commanding attention.

secondary

Apply #A83C3C (Medium Crimson) for supporting information, subheadings, or secondary interactive elements, maintaining intensity.

accent

Utilize #5B0C0C (Darkest Crimson) for deep shadows, borders, or subtle accents to add gravitas and depth.

background

Employ #E0B5B5 (Light Crimson) or #C77D7D (Soft Crimson) for content areas or as a gentle background, ensuring readability with dark text.

text

For dark backgrounds (e.g., #8A1A1A, #5B0C0C), use white or a very light off-white. For lighter backgrounds (e.g., #E0B5B5, #C77D7D), a deep charcoal or black is recommended.

Accessibility notes

  • Ensure high contrast when pairing text with the lighter shades #E0B5B5 (Light Crimson) and #C77D7D (Soft Crimson); dark text is crucial.
  • Use light-colored text (e.g., #FFFFFF) on darker shades like #8A1A1A (Deep Crimson), #A83C3C (Medium Crimson), and #5B0C0C (Darkest Crimson).
  • Avoid using adjacent shades for text and background without verifying WCAG 2.1 AA contrast ratios, especially for smaller text.
  • Consider using a slightly desaturated white or black for text to prevent visual vibration when paired with vibrant reds.

Recommended combinations

Deep Ember

Creating rich, layered backgrounds or sophisticated gradients that evoke depth and luxury, moving from darkest to medium crimson.

#5B0C0C · #8A1A1A · #A83C3C

Soft Glow

Developing inviting content sections or subtle design elements, transitioning from light to medium crimson for a gentle warmth.

#E0B5B5 · #C77D7D · #A83C3C

Bold Contrast

Establishing a clear visual hierarchy, using a deep crimson for primary elements, light crimson for backgrounds, and darkest for accents.

#8A1A1A · #E0B5B5 · #5B0C0C

CSS variables

:root {
  --crimson-ember-glow-1: #E0B5B5;
  --crimson-ember-glow-2: #C77D7D;
  --crimson-ember-glow-3: #A83C3C;
  --crimson-ember-glow-4: #8A1A1A;
  --crimson-ember-glow-5: #5B0C0C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-ember-glow": {
        1: "#E0B5B5",
        2: "#C77D7D",
        3: "#A83C3C",
        4: "#8A1A1A",
        5: "#5B0C0C",
      }
    }
  }
}

Related searches

monochromatic red paletterich crimson color schemeluxury red design colorsember gradient hex codesdeep warm reds

Palette colors

Hex values

Color 1#E0B5B5
·
Color 2#C77D7D
·
Color 3#A83C3C
·
Color 4#8A1A1A
·
Color 5#5B0C0C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.4:1AA18
5.1:1AA
7.6:1AAA
2
1.7:1Fail
2:1Fail
3:1Fail
4.4:1AA18
3
3.4:1AA18
2:1Fail
1.5:1Fail
2.2:1Fail
4
5.1:1AA
3:1Fail
1.5:1Fail
1.5:1Fail
5
7.6:1AAA
4.4:1AA18
2.2:1Fail
1.5:1Fail

Similar palettes

More like Crimson Ember Glow

View all warm
Crimson Harvest Feast
Warm Embers
Amber Harvest Glow
Autumn Bonfire Blaze
Autumn Ember Dance
Autumn Foliage Ember