Back to palettes

Palette

Desert Cairn Stack

Neutral, weathered tones reflecting the serene balance of stacked stones in a vast desert landscape.

earthminimal5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Cairn Stack 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 Desert Cairn Stack.

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

Data visualization

#CDB79F#E6D3BC#F2EBE0#A4917B#B9A58C

Palette guide

How to use Desert Cairn Stack

Overview

The Desert Cairn Stack palette offers a serene collection of neutral, weathered tones, perfect for designs seeking a minimalist and natural aesthetic. Inspired by stacked desert stones, this palette features a harmonious blend of muted browns and beiges. Key colors like the earthy #A4917B and the calming #CDB79F provide a solid foundation, while lighter shades such as #E6D3BC and the almost-white #F2EBE0 introduce airiness. The versatile #B9A58C bridges these tones, making it ideal for creating balanced and understated visual experiences. Designers and developers can leverage these shades to evoke tranquility, stability, and organic elegance in their projects.

Best used for

  • Minimalist website designs
  • Eco-friendly brand identity
  • Natural product packaging
  • Spa or wellness center branding
  • Interior design for serene spaces
  • Photography portfolios

Suggested color roles

primary

#CDB79F - A balanced, mid-tone beige, excellent for main content areas or large blocks, offering a warm yet neutral base.

secondary

#A4917B - A deeper, grounding brown, ideal for navigation, footers, or stronger graphic elements to provide contrast.

accent

#B9A58C - A slightly warmer, inviting beige, suitable for subtle highlights, interactive elements, or secondary calls to action.

background

#F2EBE0 - A very light, near-white shade, perfect for clean, spacious backgrounds that enhance readability and a minimalist feel.

text

#5A4C3E (charcoal) - A dark, rich charcoal for body text, ensuring high readability against lighter backgrounds, or use #A4917B for headings.

Accessibility notes

  • Ensure sufficient contrast between #A4917B text and #F2EBE0 backgrounds for WCAG AA compliance.
  • Lighter tones like #E6D3BC and #F2EBE0 may lack sufficient contrast for text when used together; reserve for decorative elements or larger type.
  • Use a strong text color like charcoal or black on #F2EBE0 or #E6D3BC for optimal readability.
  • When using #CDB79F as a background, choose a dark text color such as #A4917B or a deep charcoal for better visibility.

Recommended combinations

Stone & Sand

High-contrast pairing for body text on a clean background, ideal for readability in UI.

#A4917B · #F2EBE0 · #CDB79F

Cairn Layers

Harmonious blend for layered elements, such as card backgrounds or subtle UI distinctions.

#CDB79F · #B9A58C · #E6D3BC

Earthy Depth

A balanced trio for natural branding, offering depth and warmth across various design elements.

#A4917B · #E6D3BC · #CDB79F

CSS variables

:root {
  --desert-cairn-stack-1: #CDB79F;
  --desert-cairn-stack-2: #E6D3BC;
  --desert-cairn-stack-3: #F2EBE0;
  --desert-cairn-stack-4: #A4917B;
  --desert-cairn-stack-5: #B9A58C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-cairn-stack": {
        1: "#CDB79F",
        2: "#E6D3BC",
        3: "#F2EBE0",
        4: "#A4917B",
        5: "#B9A58C",
      }
    }
  }
}

Related searches

minimalist earth tonesneutral desert colorsrock inspired palettecalm beige brown palettenatural stone color scheme

Palette colors

Hex values

Color 1#CDB79F
·
Color 2#E6D3BC
·
Color 3#F2EBE0
·
Color 4#A4917B
·
Color 5#B9A58C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
1.6:1Fail
1.2:1Fail
2
1.3:1Fail
1.2:1Fail
2.1:1Fail
1.6:1Fail
3
1.6:1Fail
1.2:1Fail
2.6:1Fail
2:1Fail
4
1.6:1Fail
2.1:1Fail
2.6:1Fail
1.3:1Fail
5
1.2:1Fail
1.6:1Fail
2:1Fail
1.3:1Fail

Similar palettes

More like Desert Cairn Stack

View all earth
Desert Dune Silhouette
Desert Sands Dune
Desert Succulent Garden
Earthen Pottery Glaze
Gentle Bamboo Grove
Rammed Soil