Back to palettes

Palette

Sunrise Peak Ascent

A vibrant spectrum from deep red to soft orange, mirroring the exhilarating colors of dawn breaking over mountain peaks.

WarmEnergetic5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunrise Peak Ascent 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 Sunrise Peak Ascent.

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

Data visualization

#CD4C2A#E66B40#FF9B6D#AB3F23#8F331A

Palette guide

How to use Sunrise Peak Ascent

Overview

The "Sunrise Peak Ascent" palette is a powerful and energetic collection, mirroring the exhilarating colors of dawn breaking over mountain peaks. It features a bold red-orange (#CD4C2A), a vibrant orange (#E66B40), a softer coral-orange (#FF9B6D), a deep, rich red-brown (#AB3F23), and an intense dark red (#8F331A). This palette is perfect for designers and developers aiming to convey strength, adventure, and warmth. Its spectrum from deep, grounding reds to bright, energetic oranges offers excellent versatility for creating striking visual impact and dynamic user experiences, ideal for brands that embody passion, exploration, or robust vitality in their visual identity and digital presence.

Best used for

  • Outdoor adventure and sports branding
  • High-energy lifestyle and fitness apps
  • Autumn and winter seasonal campaigns
  • Automotive or industrial design
  • Event posters and promotional materials
  • Bold website hero sections

Suggested color roles

primary

Use #E66B40 (Vibrant Orange) for prominent calls to action, main headings, or elements needing immediate attention and energy.

secondary

Apply #CD4C2A (Bold Red-Orange) for subheadings, important statistics, or secondary brand elements to add depth and intensity.

accent

Employ #FF9B6D (Soft Coral-Orange) to provide a lighter, warmer touch for subtle highlights, interactive states, or decorative elements.

background

Utilize #F7F7F7 (Light Gray) as a neutral, light background that allows the strong, warm colors to truly stand out and provides a clean canvas.

text

A strong, legible dark gray text color like #333333 (Dark Gray) offers excellent contrast against the vibrant and deep palette colors.

Accessibility notes

  • Text in #CD4C2A, #AB3F23, or #8F331A on light backgrounds will provide good contrast for readability.
  • Avoid using #E66B40 or #FF9B6D for small text on very light backgrounds without sufficient contrast testing.
  • Ensure interactive elements are clearly distinguishable, especially when using lighter oranges, for ease of use.
  • Always check WCAG 2.1 AA compliance for text and interactive elements to ensure universal readability.

Recommended combinations

Ascent Glow

Creates a vibrant, gradient-like warmth, perfect for energetic banners, eye-catching headers, or dynamic brand elements.

#E66B40 · #FF9B6D · #CD4C2A

Peak Strength

Emphasizes the deep, powerful reds, ideal for robust branding, sophisticated, intense designs, or impactful statements.

#8F331A · #AB3F23 · #CD4C2A

Mountain Fire

A dynamic and bold trio, excellent for impactful calls to action, adventure-themed graphics, or strong visual narratives.

#CD4C2A · #E66B40 · #8F331A

CSS variables

:root {
  --sunrise-peak-ascent-2-1: #CD4C2A;
  --sunrise-peak-ascent-2-2: #E66B40;
  --sunrise-peak-ascent-2-3: #FF9B6D;
  --sunrise-peak-ascent-2-4: #AB3F23;
  --sunrise-peak-ascent-2-5: #8F331A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunrise-peak-ascent-2": {
        1: "#CD4C2A",
        2: "#E66B40",
        3: "#FF9B6D",
        4: "#AB3F23",
        5: "#8F331A",
      }
    }
  }
}

Related searches

energetic mountain sunrisewarm red orange palettebold adventure colorsvibrant dawn huesstrong branding palette

Palette colors

Hex values

Color 1#CD4C2A
·
Color 2#E66B40
·
Color 3#FF9B6D
·
Color 4#AB3F23
·
Color 5#8F331A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
1.3:1Fail
1.8:1Fail
2
1.4:1Fail
1.6:1Fail
1.9:1Fail
2.5:1Fail
3
2.2:1Fail
1.6:1Fail
2.9:1Fail
3.8:1AA18
4
1.3:1Fail
1.9:1Fail
2.9:1Fail
1.3:1Fail
5
1.8:1Fail
2.5:1Fail
3.8:1AA18
1.3:1Fail

Similar palettes

More like Sunrise Peak Ascent

View all Warm
Fiery Phoenix Ash
Canyon Sunset Blaze
Crimson Ember Glow
Crimson Sunset Haze
Fiery Sunset Canvas
Golden Hour Sunset