Back to palettes

Palette

Copper Ridge Sunset

Rich copper tones blending with sunset hues, evoking the rugged beauty of a mining ridge at dusk.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Copper Ridge Sunset 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 Copper Ridge Sunset.

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

Data visualization

#B87333#D2691E#FFA07A#FFDAB9#8B4513

Palette guide

How to use Copper Ridge Sunset

Overview

The Copper Ridge Sunset palette blends rich copper tones with warm sunset hues, evoking the rugged beauty of a mining ridge at dusk. Featuring classic #B87333 (Copper) and the vibrant #D2691E (Burnt Orange), this collection provides designers with an inviting and dramatic range. The luminous #FFA07A (Light Salmon) and #FFDAB9 (Peach Puff) add airy highlights, while #8B4513 (Saddle Brown) provides grounding depth. Developers can leverage these hues to create user interfaces that feel authentic, adventurous, and visually striking, perfect for outdoor brands, travel agencies, or any project aiming for a natural yet dynamic aesthetic. This palette is exceptionally versatile, blending deep warmth with vibrant energy, ideal for creating compelling digital experiences.

Best used for

  • outdoor adventure brand identity
  • travel and tourism website
  • desert landscape photography portfolio
  • rustic cabin decor marketing
  • sunset-themed event branding
  • mining or geological firm website

Suggested color roles

primary

#B87333 (Copper) provides a strong, metallic, and warm base, ideal for main brand elements, headers, or significant UI components.

secondary

#D2691E (Burnt Orange) offers a vibrant, deep complement, suitable for subheadings, secondary content blocks, or dynamic navigation.

accent

#FFA07A (Light Salmon) acts as a luminous highlight. Perfect for calls-to-action, interactive elements, or to draw attention to key information with a soft glow.

background

#FFDAB9 (Peach Puff) offers a soft, airy background option, suitable for content areas where a gentle, warm backdrop is desired.

text

#8B4513 (Saddle Brown) provides deep, legible contrast against lighter colors in the palette. For darker backgrounds, consider white or a near-white.

Accessibility notes

  • Ensure #8B4513 text has sufficient contrast against #FFA07A or #FFDAB9 for optimal readability, meeting WCAG AA standards.
  • Avoid using #B87333 and #D2691E for text and background combinations due to their similar luminosity, especially for small text.
  • When using #FFA07A for text, pair it with a significantly dark background to maintain readability.
  • Check contrast ratios for all interactive elements, ensuring they are clearly distinguishable against adjacent colors.

Recommended combinations

Sunset Core

Forms a robust, warm, and dramatic brand identity, excellent for logos and primary web sections.

#B87333 · #D2691E · #8B4513

Ridge Glow

Creates inviting content sections and backgrounds, evoking a warm, sunlit, and expansive atmosphere.

#D2691E · #FFA07A · #FFDAB9

Deep Highlight

Effective for high-impact headlines or calls-to-action, ensuring strong visual hierarchy and warmth.

#8B4513 · #FFA07A · #B87333

CSS variables

:root {
  --copper-ridge-sunset-1: #B87333;
  --copper-ridge-sunset-2: #D2691E;
  --copper-ridge-sunset-3: #FFA07A;
  --copper-ridge-sunset-4: #FFDAB9;
  --copper-ridge-sunset-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "copper-ridge-sunset": {
        1: "#B87333",
        2: "#D2691E",
        3: "#FFA07A",
        4: "#FFDAB9",
        5: "#8B4513",
      }
    }
  }
}

Related searches

copper sunset color schemerugged earth tones palettemining ridge aestheticwarm metallic orange designdusk landscape colors

Palette colors

Hex values

Color 1#B87333
·
Color 2#D2691E
·
Color 3#FFA07A
·
Color 4#FFDAB9
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.9:1Fail
2.9:1Fail
1.9:1Fail
2
1:1Fail
1.8:1Fail
2.8:1Fail
2:1Fail
3
1.9:1Fail
1.8:1Fail
1.5:1Fail
3.6:1AA18
4
2.9:1Fail
2.8:1Fail
1.5:1Fail
5.4:1AA
5
1.9:1Fail
2:1Fail
3.6:1AA18
5.4:1AA

Similar palettes

More like Copper Ridge Sunset

View all warm