Back to palettes

Palette

Canyon Sunrise Wash

Captures the vivid transformation of a desert canyon as the first light of dawn paints its ancient walls.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Canyon Sunrise Wash 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 Canyon Sunrise Wash.

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

Data visualization

#D96E48#F2944A#F7C38B#E0DFD5#92B8BF

Palette guide

How to use Canyon Sunrise Wash

Overview

The "Canyon Sunrise Wash" palette captures the vivid transformation of a desert canyon as the first light of dawn paints its ancient walls. It features a striking blend of warm, inviting oranges like #D96E48 and #F2944A, alongside the softer #F7C38B and a unique cool-toned #92B8BF. The near-white #E0DFD5 provides a clean, airy balance. This palette is ideal for designs aiming to convey freshness, natural beauty, and a sense of new beginnings. Its unexpected cool accent makes it versatile for projects seeking a modern yet organic aesthetic, enhancing user engagement with its refreshing harmony.

Best used for

  • Wellness and mindfulness app interfaces
  • Travel blogs focusing on unique natural wonders
  • E-commerce for sustainable lifestyle products
  • Branding for eco-tourism or outdoor retreats
  • Digital art or illustration with vibrant landscape themes
  • Home decor websites featuring natural textures

Suggested color roles

primary

Use #D96E48 as a warm, inviting primary for main sections or prominent calls-to-action, drawing attention.

secondary

Employ #F2944A for subheadings or secondary content blocks, maintaining the palette's vibrant energy.

accent

Apply #92B8BF sparingly for subtle highlights or interactive elements, providing a refreshing contrast.

background

Utilize #E0DFD5 as a clean, airy background, ensuring excellent readability for darker text and a fresh feel.

text

For body text, a deep brown or charcoal provides optimal legibility against the light backgrounds, such as a dark shade of #D96E48.

Accessibility notes

  • Ensure strong contrast when using #E0DFD5 or #F7C38B with text; darker palette colors are crucial.
  • Check WCAG contrast ratios for #F2944A when used for text, especially on light backgrounds.
  • The cool #92B8BF should be tested for contrast against all backgrounds, particularly other light tones.
  • Avoid pairing #D96E48 and #F2944A for small text to maintain clear distinction and readability.

Recommended combinations

Dawn Break

Ideal for creating a warm, sunrise gradient in headers or hero images.

#D96E48 · #F2944A · #F7C38B

Desert Fresh

Excellent for serene backgrounds with cool accents, perfect for tranquil content areas.

#E0DFD5 · #92B8BF · #F2944A

Sunrise Contrast

Suitable for high-contrast informational sections, with warm text on light backgrounds, accented by a cool tone.

#D96E48 · #E0DFD5 · #92B8BF

CSS variables

:root {
  --canyon-sunrise-wash-1: #D96E48;
  --canyon-sunrise-wash-2: #F2944A;
  --canyon-sunrise-wash-3: #F7C38B;
  --canyon-sunrise-wash-4: #E0DFD5;
  --canyon-sunrise-wash-5: #92B8BF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-sunrise-wash": {
        1: "#D96E48",
        2: "#F2944A",
        3: "#F7C38B",
        4: "#E0DFD5",
        5: "#92B8BF",
      }
    }
  }
}

Related searches

canyon sunrise color palettewarm orange cool blue schemedesert dawn huesnatural fresh designsandy rustic hex codes

Palette colors

Hex values

Color 1#D96E48
·
Color 2#F2944A
·
Color 3#F7C38B
·
Color 4#E0DFD5
·
Color 5#92B8BF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.1:1Fail
2.5:1Fail
1.6:1Fail
2
1.5:1Fail
1.4:1Fail
1.7:1Fail
1.1:1Fail
3
2.1:1Fail
1.4:1Fail
1.2:1Fail
1.3:1Fail
4
2.5:1Fail
1.7:1Fail
1.2:1Fail
1.6:1Fail
5
1.6:1Fail
1.1:1Fail
1.3:1Fail
1.6:1Fail

Similar palettes

More like Canyon Sunrise Wash

View all warm