Back to palettes

Palette

Crimson Sunset Haze

Vivid, fiery reds and deep crimsons, capturing the dramatic beauty of a lingering 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

#5A051C#8E1430#C32244#F83158#FF6B8B

Palette guide

How to use Crimson Sunset Haze

Overview

The Crimson Sunset Haze palette delivers a vibrant and dramatic spectrum of reds, mirroring the intense beauty of a lingering sunset. Featuring deep crimsons like #5A051C and #8E1430, alongside fiery hues such as #C32244 and #F83158, this collection is ideal for projects that demand high energy and striking visuals. Designers can harness its passionate range for impactful branding or dynamic digital interfaces. Developers will find these hex codes useful for creating engaging gradients and defining clear visual hierarchies, making this palette perfect for capturing attention and conveying a sense of urgency.

Best used for

  • High-energy event promotions
  • Bold fashion and beauty campaigns
  • Dramatic website hero sections
  • Interactive UI elements and notifications
  • Youth-oriented branding
  • Digital art and illustration

Suggested color roles

primary

#8E1430 for a rich, deep red base that commands attention.

secondary

#C32244 to introduce a vibrant and energetic layer, perfect for key content areas.

accent

#F83158 for striking calls to action or playful, yet bold, highlights.

background

#5A051C provides a deep, luxurious backdrop that allows brighter reds to truly pop.

text

A crisp white or very light cream against darker shades, or a deep charcoal like #333333 against #FF6B8B.

Accessibility notes

  • Ensure high contrast when using #5A051C or #8E1430 as a background for text; white is recommended.
  • Text in #C32244 or #F83158 will likely need a very light background for readability.
  • Be mindful of contrast between adjacent red shades like #C32244 and #F83158 in UI elements.
  • For users with red-green color blindness, differentiate interactive elements with icons or underlines.

Recommended combinations

Deep Glow

Ideal for creating a sophisticated, deep gradient in backgrounds or headers.

#5A051C · #8E1430 · #C32244

Vibrant Flash

Perfect for energetic calls to action or eye-catching highlights.

#C32244 · #F83158 · #8E1430

Soft Haze

Great for lighter, more ethereal elements or softer transitions.

#F83158 · #FF6B8B · #C32244

CSS variables

:root {
  --crimson-sunset-haze-3-1: #5A051C;
  --crimson-sunset-haze-3-2: #8E1430;
  --crimson-sunset-haze-3-3: #C32244;
  --crimson-sunset-haze-3-4: #F83158;
  --crimson-sunset-haze-3-5: #FF6B8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-sunset-haze-3": {
        1: "#5A051C",
        2: "#8E1430",
        3: "#C32244",
        4: "#F83158",
        5: "#FF6B8B",
      }
    }
  }
}

Related searches

vivid red color schemeenergetic crimson palettesunset red brandingwarm dramatic colorsfiery gradient design

Palette colors

Hex values

Color 1#5A051C
·
Color 2#8E1430
·
Color 3#C32244
·
Color 4#F83158
·
Color 5#FF6B8B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
3.8:1AA18
5.2:1AA
2
1.6:1Fail
1.6:1Fail
2.4:1Fail
3.4:1AA18
3
2.5:1Fail
1.6:1Fail
1.5:1Fail
2.1:1Fail
4
3.8:1AA18
2.4:1Fail
1.5:1Fail
1.4:1Fail
5
5.2:1AA
3.4:1AA18
2.1:1Fail
1.4:1Fail

Similar palettes

More like Crimson Sunset Haze

View all warm
Sunset Inferno Blaze
Canyon Sunset Glow
Crimson Ember Blaze
Crimson Sunset Haze
Crimson Sunset Peak
Crimson Tidepool