Back to palettes

Palette

Crimson Sunset Haze

Fiery reds and oranges depict the dramatic beauty of a sky ablaze with a crimson sunset haze.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Crimson Sunset Haze 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 Sunset Haze.

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

Data visualization

#6A0505#9D0E0E#D21616#FA4D4D#FF9D9D

Palette guide

How to use Crimson Sunset Haze

Overview

The Crimson Sunset Haze palette captures the dramatic beauty of a sky ablaze with fiery reds and oranges. Ranging from deep #6A0505 and #9D0E0E to vibrant #D21616 and soft #FF9D9D, this collection is perfect for projects that require a dynamic and passionate visual appeal. Designers can harness its energetic spectrum for impactful branding, engaging digital interfaces, or evocative print materials. Developers will find these distinct hex codes invaluable for crafting harmonious gradients, defining clear visual hierarchies, and creating an immersive experience that evokes the intensity of a sunset.

Best used for

  • Bold and energetic brand identities
  • Event and festival marketing
  • Youth-focused digital platforms
  • Gaming interfaces and visuals
  • Fashion and lifestyle blogs
  • Dramatic photography backdrops

Suggested color roles

primary

#9D0E0E for a strong, passionate base in branding or prominent content areas.

secondary

#D21616 to introduce vibrant energy, ideal for headlines and interactive elements.

accent

#FA4D4D for striking calls to action or playful, attention-grabbing highlights.

background

#6A0505 provides a deep, grounding backdrop that allows lighter reds to truly shine.

text

A crisp white or very light gray against darker reds, or a dark charcoal like #333333 against #FA4D4D or #FF9D9D.

Accessibility notes

  • Ensure sufficient contrast for text on #6A0505 and #9D0E0E backgrounds; white is highly recommended.
  • Text in #D21616 or #FA4D4D will require a very light background for optimal readability.
  • Avoid using #FA4D4D on #FF9D9D for text due to low contrast, especially for small fonts.
  • Use clear visual cues beyond color alone to indicate interactive elements for accessibility.

Recommended combinations

Fiery Gradient

Ideal for creating dynamic backgrounds or progressive color shifts.

#6A0505 · #9D0E0E · #D21616

Vibrant Pop

Perfect for calls to action, notifications, or key interactive elements.

#D21616 · #FA4D4D · #9D0E0E

Soft Glow

Great for softer highlights, background elements, or ethereal visual effects.

#FA4D4D · #FF9D9D · #D21616

CSS variables

:root {
  --crimson-sunset-haze-1: #6A0505;
  --crimson-sunset-haze-2: #9D0E0E;
  --crimson-sunset-haze-3: #D21616;
  --crimson-sunset-haze-4: #FA4D4D;
  --crimson-sunset-haze-5: #FF9D9D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-sunset-haze": {
        1: "#6A0505",
        2: "#9D0E0E",
        3: "#D21616",
        4: "#FA4D4D",
        5: "#FF9D9D",
      }
    }
  }
}

Related searches

vibrant red color palettesunset inspired brandingfiery color combinationsenergetic UI colorsred and orange gradients

Palette colors

Hex values

Color 1#6A0505
·
Color 2#9D0E0E
·
Color 3#D21616
·
Color 4#FA4D4D
·
Color 5#FF9D9D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
3.8:1AA18
6.5:1AA
2
1.5:1Fail
1.5:1Fail
2.5:1Fail
4.2:1AA18
3
2.4:1Fail
1.5:1Fail
1.6:1Fail
2.7:1Fail
4
3.8:1AA18
2.5:1Fail
1.6:1Fail
1.7:1Fail
5
6.5:1AA
4.2:1AA18
2.7:1Fail
1.7:1Fail

Similar palettes

More like Crimson Sunset Haze

View all warm
Fiery Sunset
Crimson Ember Blaze
Crimson Sunset Haze
Crimson Sunset Mesa
Fiery Mesa Horizon
Horizon Ember Glow