Back to palettes

Palette

Crimson Ember Bloom

Intense, fiery reds and oranges tempered with a hint of smoky gold, like a fading ember.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#800000#B22222#DC143C#FF6347#F0E68C

Palette guide

How to use Crimson Ember Bloom

Overview

The Crimson Ember Bloom palette features intense, fiery reds and oranges tempered with a hint of smoky gold, like a fading ember. Ranging from the deep #800000 to the vibrant #FF6347, with the unexpected #F0E68C, this collection is designed for bold and energetic applications. Designers and developers can leverage #B22222 for rich, foundational elements and #DC143C for a strong, inviting red. The vibrant #FF6347 provides a lively, warm accent. This palette is ideal for projects seeking to convey energy, warmth, and a bold, autumnal feel, perfect for seasonal branding, captivating digital interfaces, or expressive editorial content.

Best used for

  • Autumnal marketing campaigns and seasonal promotions
  • Branding for spicy foods or warm beverages
  • Energetic event invitations or decor
  • Fashion and beauty campaigns with a fall theme
  • User interfaces for creative or lifestyle apps
  • Digital art and illustration with a fiery floral theme

Suggested color roles

primary

Use #800000 as a deep, foundational primary for backgrounds or large content blocks, establishing a profound, stable mood.

secondary

Employ #B22222 for important headings or navigation, offering a slightly lighter yet intense red.

accent

Introduce #F0E68C as a unique, smoky gold accent for highlights, subtle backgrounds, or interactive elements, adding sophistication.

background

A clean white or very light cream background allows these reds to truly pop. For a dramatic effect, #800000 works beautifully.

text

On light backgrounds, #800000 or a dark charcoal ensures excellent readability. For dark backgrounds, white or #F0E68C is essential.

Accessibility notes

  • Ensure sufficient contrast between #FF6347 and #F0E68C if used for text or critical UI elements.
  • Text on #800000 or #B22222 will require a very light color (e.g., white or #F0E68C) for legibility.
  • Avoid low-contrast pairings like #DC143C text on #FF6347 backgrounds for small fonts.
  • Always test contrast ratios with accessibility tools to meet WCAG 2.1 AA standards for readability.

Recommended combinations

Ember Glow

Creates a deep, rich red foundation with vibrant, fiery accents for bold designs.

#800000 · #B22222 · #FF6347

Autumn Blaze

Ideal for warm, energetic branding, balancing vibrant red with a sophisticated golden hue.

#DC143C · #F0E68C · #800000

Fiery Bloom

Excellent for subtle gradients or layered elements, evoking a dynamic, elegant transition.

#B22222 · #FF6347 · #F0E68C

CSS variables

:root {
  --crimson-ember-bloom-1: #800000;
  --crimson-ember-bloom-2: #B22222;
  --crimson-ember-bloom-3: #DC143C;
  --crimson-ember-bloom-4: #FF6347;
  --crimson-ember-bloom-5: #F0E68C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-ember-bloom": {
        1: "#800000",
        2: "#B22222",
        3: "#DC143C",
        4: "#FF6347",
        5: "#F0E68C",
      }
    }
  }
}

Related searches

fiery red gold paletteautumnal ember colorsbold warm color schemessmoky gold red huesenergetic floral design

Palette colors

Hex values

Color 1#800000
·
Color 2#B22222
·
Color 3#DC143C
·
Color 4#FF6347
·
Color 5#F0E68C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.2:1Fail
3.7:1AA18
8.6:1AAA
2
1.6:1Fail
1.3:1Fail
2.3:1Fail
5.2:1AA
3
2.2:1Fail
1.3:1Fail
1.7:1Fail
3.9:1AA18
4
3.7:1AA18
2.3:1Fail
1.7:1Fail
2.3:1Fail
5
8.6:1AAA
5.2:1AA
3.9:1AA18
2.3:1Fail

Similar palettes

More like Crimson Ember Bloom

View all warm
Abstract Expression Layer
Ember Sky
Erupting Volcanic Heat
Fiery Sunset Ember
Fiery Sunset Peaks
Lava Flow