Palette

Canyon Rim Sunset

Fiery and rich earthy tones reflecting the dramatic light show on canyon walls at dusk.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Canyon Rim 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 Canyon Rim Sunset.

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

Data visualization

#D1A16C#BB7E4C#A25D38#88422A#6D2B1C

Palette guide

How to use Canyon Rim Sunset

Overview

The "Canyon Rim Sunset" palette presents fiery and rich earthy tones, reflecting the dramatic light show on canyon walls at dusk. It transitions from the deep, intense #6D2B1C to the vibrant #A25D38 and #BB7E4C, culminating in the warm #D1A16C. The robust #88422A provides a strong mid-tone, balancing the intensity. This palette is perfect for designs that aim to convey a sense of drama, warmth, and natural wonder, offering a sophisticated blend of deep earth tones and radiant sunset oranges. It's excellent for creating immersive and memorable visual experiences across various digital and print media.

Best used for

Luxury travel and adventure websites
Branding for high-end spirits or craft beverages
Art and photography portfolios with dramatic themes
E-commerce for rustic furniture or heritage goods
Gaming interfaces with an ancient or mystical feel
Editorial design for nature magazines or documentaries

Suggested color roles

primary

Use #6D2B1C as a profound primary for backgrounds or strong structural elements, creating a sense of depth and mystery.

secondary

Employ #88422A for navigation, subheadings, or key content blocks, maintaining a rich, earthy foundation.

accent

Apply #A25D38 for vibrant call-to-action buttons or focal points, adding an energetic and inviting glow.

background

Utilize #D1A16C as a soft, warm background, offering excellent readability for darker text and a luminous feel.

text

For body text, a deep brown like #6D2B1C or a dark charcoal ensures optimal legibility against lighter backgrounds.

Accessibility notes

Ensure high contrast when using #D1A16C with text; darker palette colors are essential.
Check WCAG contrast ratios for #BB7E4C when used for text, especially on light backgrounds.
The dark tones #6D2B1C and #88422A provide excellent contrast for white or very light text.
Avoid pairing #A25D38 with #BB7E4C for small text to maintain clear distinction and readability.

Recommended combinations

Dusk Ridge

Ideal for creating a dramatic, deep-to-bright gradient in headers or hero images.

#6D2B1C · #88422A · #A25D38

Sunset Fire

Excellent for vibrant backgrounds with layered accents, evoking a warm, setting sun.

#D1A16C · #BB7E4C · #A25D38

Canyon Contrast

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

#6D2B1C · #BB7E4C · #D1A16C

CSS variables

:root {
  --canyon-rim-sunset-1: #D1A16C;
  --canyon-rim-sunset-2: #BB7E4C;
  --canyon-rim-sunset-3: #A25D38;
  --canyon-rim-sunset-4: #88422A;
  --canyon-rim-sunset-5: #6D2B1C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-rim-sunset": {
        1: "#D1A16C",
        2: "#BB7E4C",
        3: "#A25D38",
        4: "#88422A",
        5: "#6D2B1C",
      }
    }
  }
}

Hex values

Color 1#D1A16C

Color 2#BB7E4C

Color 3#A25D38

Color 4#88422A

Color 5#6D2B1C

Accessibility

Contrast checker

1.5:1Fail

2.2:1Fail

3.2:1AA18

4.5:1AA18

1.5:1Fail

2.2:1Fail

3.1:1AA18

2.2:1Fail

1.5:1Fail

2.1:1Fail

3.2:1AA18

2.2:1Fail

1.5:1Fail

1.4:1Fail

4.5:1AA18

3.1:1AA18

2.1:1Fail

1.4:1Fail

Similar palettes

More like Canyon Rim Sunset

Canyon Rim Sunset

See it in context.

Ready when you are.

Built with Canyon Rim Sunset.

How to use Canyon Rim Sunset

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Dusk Ridge

Sunset Fire

Canyon Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Canyon Rim Sunset