Back to palettes

Palette

Crimson Sunset Haze

This palette captures the deep, fiery reds and purples of a dramatic sunset, rich with fading light.

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

#8B0000#A52A2A#B22222#CD5C5C#DC143C

Palette guide

How to use Crimson Sunset Haze

Overview

The Crimson Sunset Haze palette offers a rich, warm spectrum of reds, reminiscent of a dramatic evening sky. With deep tones like #8B0000 and #A52A2A, transitioning to brighter hues such as #CD5C5C and #DC143C, this collection evokes passion and energy. Designers can utilize its versatile range to convey warmth and intensity, whether for editorial designs or digital interfaces. Developers will find the distinct hex codes valuable for crafting harmonious gradients or defining clear visual hierarchies, making this palette ideal for projects seeking an energetic yet sophisticated aesthetic.

Best used for

  • Romantic or passionate brand identities
  • Autumnal themed digital marketing
  • Editorial design for magazines or blogs
  • Fashion and beauty product showcases
  • UI elements requiring warmth and clarity
  • Event invitations and festive decor

Suggested color roles

primary

#8B0000 for a deep, grounding base, ideal for headers or prominent sections.

secondary

#B22222 to introduce a vibrant yet refined warmth, suitable for subheadings or active states.

accent

#DC143C for bright, energetic calls to action or key visual highlights.

background

#A52A2A provides a rich, slightly muted red background that's less intense than pure crimson.

text

A crisp white or very light gray for maximum contrast against darker reds, or a dark charcoal against #CD5C5C.

Accessibility notes

  • Text in #8B0000 or #A52A2A will require a light text color (e.g., white) for sufficient contrast.
  • Ensure that #CD5C5C and #DC143C used as text colors have a dark enough background.
  • Avoid using #CD5C5C on #DC143C as text/background due to insufficient contrast.
  • For interactive elements, ensure focus states use a color with high contrast from both normal and hover states.

Recommended combinations

Deep Warmth

Excellent for creating a subtle, warm gradient or layered design.

#8B0000 · #A52A2A · #CD5C5C

Energetic Pop

Ideal for calls to action or focal points against a deeper backdrop.

#B22222 · #DC143C · #8B0000

Subtle Haze

Great for softer transitions or background elements that need a touch of warmth.

#A52A2A · #CD5C5C · #DC143C

CSS variables

:root {
  --crimson-sunset-haze-2-1: #8B0000;
  --crimson-sunset-haze-2-2: #A52A2A;
  --crimson-sunset-haze-2-3: #B22222;
  --crimson-sunset-haze-2-4: #CD5C5C;
  --crimson-sunset-haze-2-5: #DC143C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-sunset-haze-2": {
        1: "#8B0000",
        2: "#A52A2A",
        3: "#B22222",
        4: "#CD5C5C",
        5: "#DC143C",
      }
    }
  }
}

Related searches

warm red color palettesunset inspired colorsenergetic crimson huesdramatic red brandingpassion color scheme

Palette colors

Hex values

Color 1#8B0000
·
Color 2#A52A2A
·
Color 3#B22222
·
Color 4#CD5C5C
·
Color 5#DC143C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.5:1Fail
2.5:1Fail
2:1Fail
2
1.4:1Fail
1.1:1Fail
1.8:1Fail
1.4:1Fail
3
1.5:1Fail
1.1:1Fail
1.7:1Fail
1.3:1Fail
4
2.5:1Fail
1.8:1Fail
1.7:1Fail
1.3:1Fail
5
2:1Fail
1.4:1Fail
1.3:1Fail
1.3:1Fail

Similar palettes

More like Crimson Sunset Haze

View all warm
Crimson Sunset Haze
Crimson Sunset Haze
Crimson Sunset Peak
Fiery Sunset
Fiery Sunset Ember
Fiery Sunset Ember