Back to palettes

Palette

Canyon Flower Dusk

Gentle, sun-baked colors of a desert landscape at dusk, with the surprise of a resilient flower.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Canyon Flower Dusk 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 Flower Dusk.

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

Data visualization

#8B4513#D2B48C#FFDAB9#DAA520#CD5C5C

Palette guide

How to use Canyon Flower Dusk

Overview

The "Canyon Flower Dusk" palette offers a gentle yet striking collection of sun-baked colors, reflecting a desert landscape at dusk with the surprising resilience of a blooming flower. It features the deep, grounding #8B4513, the soft, sandy #D2B48C and #FFDAB9, and a vibrant, muted gold in #DAA520. The inclusion of #CD5C5C, a warm, muted red, adds a beautiful accent. This palette is excellent for designs aiming for a rustic, sophisticated, or southwestern feel, offering a balance between earthy stability and gentle visual intrigue. It's versatile for both digital and print applications, enhancing user engagement with its organic depth.

Best used for

  • Southwestern-themed home decor websites
  • Artisanal pottery or ceramics e-commerce
  • Spa or wellness brand identities seeking warmth
  • Photography portfolios showcasing natural landscapes
  • Rustic wedding invitations or event branding
  • Boutique hotel websites with an earthy aesthetic

Suggested color roles

primary

Use #8B4513 for a strong, earthy foundation in headers or structural elements, providing depth and stability.

secondary

Employ #DAA520 for subheadings, navigation, or secondary content blocks, adding a warm, cohesive feel.

accent

Apply #CD5C5C sparingly for call-to-action buttons or key highlights, adding a vibrant, appealing pop.

background

Utilize #FFDAB9 as a soft, inviting background, offering excellent readability for darker text.

text

For body text, a rich dark brown like #8B4513 or a deep charcoal provides optimal contrast against #FFDAB9.

Accessibility notes

  • Ensure sufficient contrast between #FFDAB9 and text; darker shades from the palette are ideal.
  • Check WCAG compliance for #D2B48C when used for text, especially on lighter backgrounds.
  • The dark tone #8B4513 provides good contrast for light text, improving readability.
  • The striking #CD5C5C should be tested for contrast when used on varying background colors.

Recommended combinations

Desert Bloom

Great for showcasing a focal point or a call-to-action against a soft, natural backdrop.

#FFDAB9 · #CD5C5C · #8B4513

Terra & Gold

Creates a luxurious yet grounded feel, suitable for branding or premium product displays.

#8B4513 · #DAA520 · #D2B48C

Whisper Layers

Perfect for layered informational graphics or text hierarchy, maintaining a soft, natural progression.

#FFDAB9 · #D2B48C · #8B4513

CSS variables

:root {
  --canyon-flower-dusk-1: #8B4513;
  --canyon-flower-dusk-2: #D2B48C;
  --canyon-flower-dusk-3: #FFDAB9;
  --canyon-flower-dusk-4: #DAA520;
  --canyon-flower-dusk-5: #CD5C5C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-flower-dusk": {
        1: "#8B4513",
        2: "#D2B48C",
        3: "#FFDAB9",
        4: "#DAA520",
        5: "#CD5C5C",
      }
    }
  }
}

Related searches

desert flower color paletterustic gold red schemeearthy brown beige colorsnatural warm designcanyon dusk hex codes

Palette colors

Hex values

Color 1#8B4513
·
Color 2#D2B48C
·
Color 3#FFDAB9
·
Color 4#DAA520
·
Color 5#CD5C5C
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.6:1AA18
5.4:1AA
3.2:1AA18
1.8:1Fail
2
3.6:1AA18
1.5:1Fail
1.1:1Fail
2:1Fail
3
5.4:1AA
1.5:1Fail
1.7:1Fail
3:1AA18
4
3.2:1AA18
1.1:1Fail
1.7:1Fail
1.8:1Fail
5
1.8:1Fail
2:1Fail
3:1AA18
1.8:1Fail

Similar palettes

More like Canyon Flower Dusk

View all earth