Back to palettes

Palette

Sun-Kissed Canyon

A radiant palette evoking the warm, sun-drenched beauty of a vast canyon at midday.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sun-Kissed Canyon 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 Sun-Kissed Canyon.

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

Data visualization

#A34A28#E3B23C#F4D35E#9C835F#6B4E3F

Palette guide

How to use Sun-Kissed Canyon

Overview

The Sun-Kissed Canyon palette, identified by colors like the bold `#A34A28` and the radiant `#E3B23C`, evokes the warm, sun-drenched beauty of a vast canyon at midday. This collection features a rich blend of earthy oranges, golden yellows, and grounding browns, including the bright `#F4D35E` and the subtle `#9C835F`, anchored by the deep `#6B4E3F`. It's an excellent choice for designers and developers aiming to create a sense of natural grandeur, stability, and warmth. The palette's rich, inviting tones are perfect for projects that require a connection to nature, adventure, or a touch of rustic elegance, providing a timeless and robust visual appeal.

Best used for

  • Outdoor adventure and travel branding
  • Luxury eco-tourism websites and materials
  • Home decor and architectural design concepts
  • Branding for natural or artisan products
  • Editorial design for nature photography or geology magazines
  • UI themes for apps focused on exploration or wellness

Suggested color roles

primary

Utilize `#A34A28` as a strong, earthy primary for headings, important buttons, or key design elements to convey a sense of grounding strength.

secondary

Employ `#E3B23C` for supporting visual elements, subheadings, or as a vibrant accent that captures attention without overpowering.

accent

Apply `#F4D35E` for bright highlights, interactive states, or small decorative details, providing a luminous, sunny touch.

background

A muted, warm base like `#9C835F` works well for content blocks or secondary sections, offering a subtle texture and depth.

text

The deep `#6B4E3F` is ideal for body text and important labels, ensuring excellent readability against lighter backgrounds such as `#F4D35E`.

Accessibility notes

  • Ensure high contrast when using the bright `#F4D35E` for text; it generally requires a very dark color like `#6B4E3F` to be legible.
  • Avoid placing `#E3B23C` text directly on `#F4D35E` as their proximity in lightness might cause readability issues.
  • Interactive elements using `#A34A28` should have clear visual cues for states, with contrasting text like white or `#F4D35E`.
  • For optimal readability on lighter backgrounds, consistently use `#6B4E3F` for main body text.

Recommended combinations

Golden Earth

A bright golden background with a strong primary and a deep, readable text color.

#F4D35E · #A34A28 · #6B4E3F

Canyon Layers

A subtle, warm base with a vibrant secondary and a rich, grounding primary for visual depth.

#9C835F · #E3B23C · #A34A28

Sunny Accent

A dominant earthy tone with a bright accent for highlights and a dark, contrasting text or detail color.

#A34A28 · #F4D35E · #6B4E3F

CSS variables

:root {
  --sun-kissed-canyon-2-1: #A34A28;
  --sun-kissed-canyon-2-2: #E3B23C;
  --sun-kissed-canyon-2-3: #F4D35E;
  --sun-kissed-canyon-2-4: #9C835F;
  --sun-kissed-canyon-2-5: #6B4E3F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-kissed-canyon-2": {
        1: "#A34A28",
        2: "#E3B23C",
        3: "#F4D35E",
        4: "#9C835F",
        5: "#6B4E3F",
      }
    }
  }
}

Related searches

desert gold palettecanyon colorswarm nature huessunny earthy tonesrustic gold scheme

Palette colors

Hex values

Color 1#A34A28
·
Color 2#E3B23C
·
Color 3#F4D35E
·
Color 4#9C835F
·
Color 5#6B4E3F
·

Accessibility

Contrast checker

1
2
3
4
5
1
3:1Fail
4:1AA18
1.6:1Fail
1.3:1Fail
2
3:1Fail
1.3:1Fail
1.8:1Fail
3.8:1AA18
3
4:1AA18
1.3:1Fail
2.5:1Fail
5.1:1AA
4
1.6:1Fail
1.8:1Fail
2.5:1Fail
2.1:1Fail
5
1.3:1Fail
3.8:1AA18
5.1:1AA
2.1:1Fail

Similar palettes

More like Sun-Kissed Canyon

View all warm
Bohemian Desert Bloom
Canyon Vista
Desert Bloom Clay
Desert Cactus Bloom
Desert Dusk Mirage
Desert Mirage Echo