Back to palettes

Palette

Canyon Horizon Fade

Soft oranges and browns mimicking the gentle fading light over a sprawling, quiet desert canyon.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Canyon Horizon Fade 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 Horizon Fade.

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

Data visualization

#D2B48C#F4A460#FFB88D#CD853F#A0522D

Palette guide

How to use Canyon Horizon Fade

Overview

The "Canyon Horizon Fade" palette beautifully captures the soft oranges and browns mimicking the gentle fading light over a sprawling, quiet desert canyon. It ranges from the deep, grounding #A0522D to the bright, airy #FFB88D, offering a harmonious gradient of natural tones. Intermediate shades like #D2B48C, #F4A460, and #CD853F provide subtle depth and gentle transitions, evoking calm and warmth. This palette is ideal for designs seeking a serene, inviting, and sophisticated aesthetic, perfect for conveying natural beauty and a relaxed mood across various digital and print applications, enhancing user experience with its organic flow.

Best used for

  • Meditation or wellness app interfaces
  • Travel blogs focusing on tranquil landscapes
  • E-commerce for artisanal crafts or slow living products
  • Spa or retreat branding and websites
  • Photography portfolios with a soft, natural light aesthetic
  • Interior design inspiration for warm, inviting spaces

Suggested color roles

primary

Use #A0522D as a grounding primary for navigation, footers, or strong visual anchors, providing stability and elegance.

secondary

Employ #CD853F for subheadings, borders, or secondary information, maintaining a cohesive, earthy flow.

accent

Apply #F4A460 for subtle highlights or interactive elements, offering a gentle visual cue without harshness.

background

Utilize #FFB88D as a soft, luminous background, perfect for showcasing content and ensuring high readability for dark text.

text

For body text, a deep brown like #A0522D or a dark charcoal ensures optimal contrast and legibility against lighter backgrounds.

Accessibility notes

  • Ensure high contrast when using #FFB88D or #F4A460 with text; darker palette colors are essential.
  • Check WCAG compliance for #D2B48C when used for text, especially on light backgrounds.
  • The dark tone #A0522D provides excellent contrast for white or very light text.
  • Avoid pairing #CD853F with #F4A460 for small text to maintain clear distinction and readability.

Recommended combinations

Horizon Gradient

Ideal for creating a sophisticated, fading light effect in headers or hero images.

#A0522D · #CD853F · #F4A460

Desert Calm

Excellent for serene backgrounds with soft transitions, perfect for tranquil content areas.

#FFB88D · #F4A460 · #D2B48C

Earthy Flow

Suitable for high-contrast informational blocks, with dark text on light backgrounds, highlighted by a warm mid-tone.

#A0522D · #F4A460 · #FFB88D

CSS variables

:root {
  --canyon-horizon-fade-1: #D2B48C;
  --canyon-horizon-fade-2: #F4A460;
  --canyon-horizon-fade-3: #FFB88D;
  --canyon-horizon-fade-4: #CD853F;
  --canyon-horizon-fade-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-horizon-fade": {
        1: "#D2B48C",
        2: "#F4A460",
        3: "#FFB88D",
        4: "#CD853F",
        5: "#A0522D",
      }
    }
  }
}

Related searches

canyon sunset color palettewarm earthy orange schemecalm desert huesnatural gradient colorshorizon fade hex codes

Palette colors

Hex values

Color 1#D2B48C
·
Color 2#F4A460
·
Color 3#FFB88D
·
Color 4#CD853F
·
Color 5#A0522D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.2:1Fail
1.5:1Fail
2.8:1Fail
2
1:1Fail
1.2:1Fail
1.5:1Fail
2.8:1Fail
3
1.2:1Fail
1.2:1Fail
1.8:1Fail
3.3:1AA18
4
1.5:1Fail
1.5:1Fail
1.8:1Fail
1.9:1Fail
5
2.8:1Fail
2.8:1Fail
3.3:1AA18
1.9:1Fail

Similar palettes

More like Canyon Horizon Fade

View all warm
Lake Reflection Glow
Barista Brew Comfort
Coffee Shop Cozy
Dusk Radiance Warmth
Ember Twilight Hues
Golden Horizon Warmth