Back to palettes

Palette

Crimson Sunset Haze

A fiery collection capturing the dramatic reds and oranges of a vibrant sunset fading into the horizon.

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

#E04F4C#F17A6D#FFAD9A#B83E3D#8F2F2C

Palette guide

How to use Crimson Sunset Haze

Overview

The Crimson Sunset Haze palette presents a fiery collection of reds and oranges, capturing the dramatic beauty of a vibrant sunset. With rich tones like #8F2F2C and #B83E3D, transitioning to brighter hues such as #F17A6D and #FFAD9A, this palette is excellent for conveying warmth and energy. Designers can leverage its dynamic range for impactful branding, inviting digital interfaces, or compelling print materials. Developers will find these hex codes useful for creating harmonious gradients and establishing clear visual hierarchies, making this palette ideal for projects seeking a warm, energetic, and captivating aesthetic.

Best used for

  • Autumn-themed marketing campaigns
  • Food and beverage branding
  • Travel and adventure websites
  • Cozy interior design concepts
  • Fashion lines with warm tones
  • Digital illustrations with natural light

Suggested color roles

primary

#B83E3D for a grounding, rich red base that conveys stability and warmth.

secondary

#E04F4C to introduce a vibrant and approachable energy, suitable for subheadings or active states.

accent

#F17A6D for bright, inviting calls to action or engaging highlights.

background

#8F2F2C provides a deep, earthy backdrop that allows lighter reds and oranges to radiate.

text

A soft cream or white against darker shades, or a dark brown/charcoal against #FFAD9A for optimal readability.

Accessibility notes

  • Ensure good contrast for text on #8F2F2C and #B83E3D backgrounds; white or light cream is recommended.
  • Text in #E04F4C or #F17A6D will likely need a dark background for sufficient contrast.
  • Be cautious of using #FFAD9A as a background with light text due to low contrast.
  • Use sufficient color differentiation for interactive elements, especially for users with color vision deficiencies.

Recommended combinations

Earthy Glow

Ideal for creating a grounded, warm gradient or layered effect in backgrounds.

#8F2F2C · #B83E3D · #E04F4C

Sunset Pop

Perfect for energetic calls to action or inviting highlight elements.

#E04F4C · #F17A6D · #B83E3D

Hazy Warmth

Great for softer transitions, background textures, or subtle UI elements.

#F17A6D · #FFAD9A · #E04F4C

CSS variables

:root {
  --crimson-sunset-haze-4-1: #E04F4C;
  --crimson-sunset-haze-4-2: #F17A6D;
  --crimson-sunset-haze-4-3: #FFAD9A;
  --crimson-sunset-haze-4-4: #B83E3D;
  --crimson-sunset-haze-4-5: #8F2F2C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-sunset-haze-4": {
        1: "#E04F4C",
        2: "#F17A6D",
        3: "#FFAD9A",
        4: "#B83E3D",
        5: "#8F2F2C",
      }
    }
  }
}

Related searches

warm red orange palettesunset gradient colorsfiery autumn huesenergetic branding palettevibrant red and orange

Palette colors

Hex values

Color 1#E04F4C
·
Color 2#F17A6D
·
Color 3#FFAD9A
·
Color 4#B83E3D
·
Color 5#8F2F2C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
1.4:1Fail
2.1:1Fail
2
1.4:1Fail
1.5:1Fail
2:1Fail
3:1Fail
3
2.2:1Fail
1.5:1Fail
3.1:1AA18
4.5:1AA18
4
1.4:1Fail
2:1Fail
3.1:1AA18
1.5:1Fail
5
2.1:1Fail
3:1Fail
4.5:1AA18
1.5:1Fail

Similar palettes

More like Crimson Sunset Haze

View all Warm
Canyon Sunset Blaze
Fiery Sunset Canvas
Golden Hour Sunset
Dusk Horizon Radiance
Fiery Phoenix Ash
Molten Rock Flow