Palette

Ember Sky

A breathtaking blend of fiery reds and glowing oranges, capturing the dramatic hues of a desert ember sky.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A60F2B#BF360C#FF7043#FFAB40#FFECB3

Palette guide

How to use Ember Sky

Overview

The Ember Sky palette presents a breathtaking blend of fiery reds and glowing oranges, capturing the dramatic hues of a desert ember sky at sunset. It features a powerful deep red (#A60F2B), intense burnt orange (#BF360C), vibrant bright orange (#FF7043), radiant light orange (#FFAB40), and a soft, luminous very light yellow-orange (#FFECB3). This energetic and warm collection is ideal for designers and developers aiming to create high-impact, dynamic, and memorable visual experiences. It perfectly suits projects that need to convey passion, energy, and a bold, natural beauty, reminiscent of a spectacular sunset.

Best used for

High-energy event promotions or posters
Adventure or travel brand identities
Dramatic website hero sections
Digital art depicting sunsets or fiery scenes
Sports or fitness related marketing materials
Packaging for spicy foods or invigorating products

Suggested color roles

primary

The deep red (#A60F2B) serves as a strong, fiery primary, perfect for impactful headlines, key branding, or elements demanding immediate attention and passion.

secondary

Burnt orange (#BF360C) provides an intense, warm secondary color, excellent for calls-to-action, interactive elements, or sections requiring a vibrant energy.

accent

Bright orange (#FF7043) offers a vivid accent, ideal for highlights, small icons, or decorative elements that need to pop with luminous energy.

background

Very light yellow-orange (#FFECB3) creates a soft, radiant background, providing a gentle canvas that allows the darker, fiery colors to truly glow.

text

The deep red (#A60F2B) works well for body text on lighter backgrounds, offering a powerful yet readable presence, or use a crisp black for stark contrast.

Accessibility notes

The deep red (#A60F2B) and burnt orange (#BF360C) provide good contrast against the very light yellow-orange (#FFECB3) for text.
Ensure sufficient contrast when using bright orange (#FF7043) for text on the light orange (#FFAB40) background.
Always verify that all text and interactive element contrasts meet WCAG 2.1 AA standards for optimal readability.
Avoid using bright orange (#FF7043) or light orange (#FFAB40) for small text on similarly light backgrounds to prevent readability issues.

Recommended combinations

Fiery Sunset

Creates an intense, dramatic gradient, perfect for bold hero images, banners, or energetic advertisements.

#A60F2B · #BF360C · #FF7043

Radiant Glow

Ideal for backgrounds, overlays, or elements that need to convey a soft yet vibrant luminosity and warmth.

#FFAB40 · #FFECB3 · #BF360C

Desert Dusk

Provides a strong contrast for text and interactive elements, suitable for navigation or key informational displays.

#A60F2B · #FFECB3 · #FF7043

CSS variables

:root {
  --ember-sky-1: #A60F2B;
  --ember-sky-2: #BF360C;
  --ember-sky-3: #FF7043;
  --ember-sky-4: #FFAB40;
  --ember-sky-5: #FFECB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ember-sky": {
        1: "#A60F2B",
        2: "#BF360C",
        3: "#FF7043",
        4: "#FFAB40",
        5: "#FFECB3",
      }
    }
  }
}

Hex values

Color 1#A60F2B

Color 2#BF360C

Color 3#FF7043

Color 4#FFAB40

Color 5#FFECB3

Accessibility

Contrast checker

1.4:1Fail

2.8:1Fail

4.1:1AA18

6.6:1AA

1.4:1Fail

2:1Fail

3:1Fail

4.8:1AA

2.8:1Fail

2:1Fail

1.5:1Fail

2.3:1Fail

4.1:1AA18

3:1Fail

1.5:1Fail

1.6:1Fail

6.6:1AA

4.8:1AA

2.3:1Fail

1.6:1Fail

Similar palettes

More like Ember Sky

Sunset Horizon Radiance

Sunset Horizon Trail