Back to palettes

Palette

Fiery Sunset Peaks

Blazing reds and oranges inspired by the dramatic, fiery hues of a desert sunset over peaks.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fiery Sunset Peaks 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 Fiery Sunset Peaks.

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

Data visualization

#8C2D1F#C14D3C#E07A5F#F2B376#FAD6A6

Palette guide

How to use Fiery Sunset Peaks

Overview

The Fiery Sunset Peaks palette evokes the warm, natural beauty of a desert sunset over mountain ranges, featuring a refined gradient from earthy red to soft gold. With shades like the deep #8C2D1F, the vibrant #C14D3C, and the gentle #FAD6A6, this palette is perfect for designers seeking a grounded yet energetic aesthetic. Its harmonious progression offers sophistication and warmth, ideal for natural or heritage-inspired projects. Developers can leverage these hex codes to craft inviting user interfaces, elegant brand identities, or stunning background visuals that convey authenticity and a sense of timeless natural beauty, appealing to a discerning audience.

Best used for

  • eco-tourism branding
  • artisanal craft websites
  • southwestern interior design
  • documentary film titles
  • heritage brand marketing
  • nature photography showcases

Suggested color roles

primary

#C14D3C - A rich, earthy red perfect for main headings, calls to action, or key graphical elements that need to feel established and warm.

secondary

#E07A5F - A softer, yet vibrant coral, suitable for subheadings, navigation, or as a strong accent color, providing warmth and approachability.

accent

#F2B376 - Use this soft orange for subtle highlights, interactive states, or small, impactful details that require a gentle, inviting glow.

background

#FAD6A6 - A delicate, warm cream that serves as a serene and elegant base, allowing the richer hues to pop beautifully and naturally.

text

For text on lighter backgrounds like #FAD6A6, use a deep charcoal or black. On darker shades like #8C2D1F, white or a very light cream is recommended for readability.

Accessibility notes

  • Ensure sufficient contrast between text and background colors, especially for #E07A5F and #F2B376 when used for text.
  • The lighter colors, particularly #FAD6A6, will require very dark text (e.g., black) to meet WCAG AA contrast standards.
  • Avoid using adjacent light colors (e.g., #F2B376 on #FAD6A6) for critical text to prevent readability issues.
  • Always test contrast ratios for WCAG AA compliance, especially for body text and interactive elements to ensure inclusivity.

Recommended combinations

Desert Glow

Creates a soft, warm gradient perfect for backgrounds or illustrations where a transition from light cream to earthy red is desired.

#FAD6A6 · #F2B376 · #C14D3C

Peak Contrast

Ideal for striking calls to action or distinguishing key sections, using the deepest red against the lightest cream for impact and readability.

#8C2D1F · #C14D3C · #FAD6A6

Earthy Harmony

Suitable for creating depth in illustrations or secondary UI elements, offering a harmonious and warm transition with natural appeal.

#C14D3C · #E07A5F · #F2B376

CSS variables

:root {
  --fiery-sunset-peaks-3-1: #8C2D1F;
  --fiery-sunset-peaks-3-2: #C14D3C;
  --fiery-sunset-peaks-3-3: #E07A5F;
  --fiery-sunset-peaks-3-4: #F2B376;
  --fiery-sunset-peaks-3-5: #FAD6A6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fiery-sunset-peaks-3": {
        1: "#8C2D1F",
        2: "#C14D3C",
        3: "#E07A5F",
        4: "#F2B376",
        5: "#FAD6A6",
      }
    }
  }
}

Related searches

earthy sunset color palettedesert mountain huesnatural warm tonesauthentic brand colorssouthwestern design palette

Palette colors

Hex values

Color 1#8C2D1F
·
Color 2#C14D3C
·
Color 3#E07A5F
·
Color 4#F2B376
·
Color 5#FAD6A6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.8:1Fail
4.6:1AA
6.1:1AA
2
1.8:1Fail
1.6:1Fail
2.6:1Fail
3.5:1AA18
3
2.8:1Fail
1.6:1Fail
1.6:1Fail
2.1:1Fail
4
4.6:1AA
2.6:1Fail
1.6:1Fail
1.3:1Fail
5
6.1:1AA
3.5:1AA18
2.1:1Fail
1.3:1Fail

Similar palettes

More like Fiery Sunset Peaks

View all warm
Crimson Sunset Mesa
Fiery Mesa Horizon
Arid Twilight Glow
Canyon Sunset Glow
Crimson Sunset Peak
Desert Ember Glow