Palette

Crimson Sunset Peak

Dramatic reds and pinks that evoke the breathtaking spectacle of a vibrant sunset over a mountain peak.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B02621#DB3D31#F25E50#F78A7D#FDC7C0

Palette guide

How to use Crimson Sunset Peak

Overview

The Crimson Sunset Peak palette presents dramatic reds and pinks, evoking the breathtaking spectacle of a vibrant sunset over a mountain peak. Ranging from deep #B02621 to vibrant #DB3D31 and soft #FDC7C0, this collection is perfect for projects that demand both intensity and delicate beauty. Designers can utilize its dynamic range for impactful branding, inspiring digital interfaces, or evocative print materials. Developers will find these hex codes invaluable for crafting harmonious gradients, defining clear visual hierarchies, and creating an immersive experience that captures the awe of a mountain sunset.

Best used for

Outdoor adventure and travel branding
Nature photography websites
Inspirational or motivational content
Fashion and beauty campaigns with a natural touch
Digital art and landscape illustrations
Event promotions for outdoor activities

Suggested color roles

primary

#B02621 for a strong, grounding base reminiscent of deep rock faces at dusk.

secondary

#DB3D31 to introduce vibrant energy, ideal for headlines and prominent features.

accent

#F25E50 for striking calls to action or highlights that mimic the sun's last glow.

background

#F78A7D provides a soft, atmospheric backdrop, capturing the haze of a sunset sky.

text

A dark charcoal or black against lighter shades, or a crisp white against #B02621 for optimal readability.

Accessibility notes

Ensure sufficient contrast for text on #B02621 or #DB3D31 backgrounds; white or light gray is recommended.
Text in #F25E50 or #F78A7D will require a dark background for readability.
Avoid using #FDC7C0 as a background for light text due to very low contrast.
For gradients involving similar hues, ensure text elements maintain adequate contrast throughout.

Recommended combinations

Peak Glow

Ideal for creating a gradient that moves from deep mountain shadow to vibrant sky.

#B02621 · #DB3D31 · #F25E50

Sunset Highlight

Perfect for drawing attention to key information or interactive elements.

#DB3D31 · #F78A7D · #B02621

Hazy Horizon

Great for softer background textures, subtle overlays, or ethereal elements.

#F25E50 · #F78A7D · #FDC7C0

CSS variables

:root {
  --crimson-sunset-peak-1: #B02621;
  --crimson-sunset-peak-2: #DB3D31;
  --crimson-sunset-peak-3: #F25E50;
  --crimson-sunset-peak-4: #F78A7D;
  --crimson-sunset-peak-5: #FDC7C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-sunset-peak": {
        1: "#B02621",
        2: "#DB3D31",
        3: "#F25E50",
        4: "#F78A7D",
        5: "#FDC7C0",
      }
    }
  }
}

Hex values

Color 1#B02621

Color 2#DB3D31

Color 3#F25E50

Color 4#F78A7D

Color 5#FDC7C0

Accessibility

Contrast checker

1.5:1Fail

2.1:1Fail

2.8:1Fail

4.5:1AA18

1.5:1Fail

1.4:1Fail

1.9:1Fail

3:1Fail

2.1:1Fail

1.4:1Fail

2.2:1Fail

2.8:1Fail

1.9:1Fail

1.4:1Fail

1.6:1Fail

4.5:1AA18

3:1Fail

2.2:1Fail

1.6:1Fail

Similar palettes

More like Crimson Sunset Peak

Crimson Sunset Peak

See it in context.

Ready when you are.

Built with Crimson Sunset Peak.

How to use Crimson Sunset Peak

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Peak Glow

Sunset Highlight

Hazy Horizon

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Crimson Sunset Peak