Palette

Sandstone Canyon Flow

Rich, sun-drenched browns and oranges reflecting the ancient, sculpted beauty of desert canyons.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sandstone Canyon Flow 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 Sandstone Canyon Flow.

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

Data visualization

#8A5F40#C29062#E8BC88#FFD8A4#FFEECE

Palette guide

How to use Sandstone Canyon Flow

Overview

The "Sandstone Canyon Flow" palette captures the sun-drenched, ancient beauty of desert canyons with a rich gradient of warm browns and oranges. From the deep, grounding #8A5F40 to the light, airy #FFEECE, this collection offers a versatile range for creating inviting and natural designs. The smooth transitions through hues like #C29062 and #FFD8A4 evoke the sculpted layers of rock formations, adding depth and authenticity. This palette is ideal for projects seeking to convey warmth, history, and a connection to the majestic natural world, perfect for an organic and inviting aesthetic.

Best used for

Eco-tourism and adventure travel branding
Artisanal food and beverage packaging
Natural and organic product websites
Rustic home decor and furniture design
Educational content about geology or nature
Warm, inviting digital interface themes

Suggested color roles

primary

A warm, inviting mid-brown (#C29062), excellent for main content areas, headers, or hero sections to establish an earthy tone.

secondary

A lighter, more golden brown (#E8BC88), suitable for secondary elements, card backgrounds, or subtle accents.

accent

The deepest, richest brown (#8A5F40), perfect for strong calls-to-action, important links, or bold graphic elements.

background

A very light, creamy beige (#FFEECE), serving as a warm and clean canvas that allows the richer tones to shine.

text

A deep, earthy brown (#8A5F40), ideal for body text, ensuring excellent readability on lighter backgrounds.

Accessibility notes

#8A5F40 provides excellent contrast for text on #FFEECE or #FFD8A4.
Ensure sufficient contrast when using #C29062 for text on #E8BC88; check with a contrast checker.
Avoid using #FFEECE or #FFD8A4 for small text on similarly light backgrounds.
Always verify WCAG compliance for all text and interactive element color pairings.

Recommended combinations

Canyon Base

Creates a light, layered background effect, great for web pages or digital interfaces.

#FFEECE · #FFD8A4 · #E8BC88

Depth & Detail

For content blocks, section headers, or to highlight important information with earthy tones.

#C29062 · #8A5F40 · #E8BC88

Warm Interaction

Ideal for interactive elements like buttons (normal, hover, active states) to maintain a cohesive look.

#FFD8A4 · #C29062 · #8A5F40

CSS variables

:root {
  --sandstone-canyon-flow-1: #8A5F40;
  --sandstone-canyon-flow-2: #C29062;
  --sandstone-canyon-flow-3: #E8BC88;
  --sandstone-canyon-flow-4: #FFD8A4;
  --sandstone-canyon-flow-5: #FFEECE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sandstone-canyon-flow": {
        1: "#8A5F40",
        2: "#C29062",
        3: "#E8BC88",
        4: "#FFD8A4",
        5: "#FFEECE",
      }
    }
  }
}

Hex values

Color 1#8A5F40

Color 2#C29062

Color 3#E8BC88

Color 4#FFD8A4

Color 5#FFEECE

Accessibility

Contrast checker

2:1Fail

3.2:1AA18

4.1:1AA18

4.8:1AA

2:1Fail

1.6:1Fail

2.1:1Fail

2.5:1Fail

3.2:1AA18

1.6:1Fail

1.3:1Fail

1.5:1Fail

4.1:1AA18

2.1:1Fail

1.3:1Fail

1.2:1Fail

4.8:1AA

2.5:1Fail

1.5:1Fail

1.2:1Fail

Similar palettes

More like Sandstone Canyon Flow

Copper Canyon Sundown

Crimson Ridge Dawn

Desert Bloom Mirage