Back to palettes

Palette

Golden Sands

Reflecting the shifting hues of sun-drenched desert sands, from soft dunes to rugged cliffs.

WarmNatural5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Golden Sands 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 Golden Sands.

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

Data visualization

#F5DEB3#F4A460#D2B48C#B08064#8B4513

Palette guide

How to use Golden Sands

Overview

The Golden Sands palette reflects the shifting hues of sun-drenched desert sands, from soft dunes to rugged cliffs. Featuring the light #F5DEB3, the vibrant #F4A460, and deep contrasts like #8B4513, this collection provides a rich, earthy foundation for designs. It's ideal for designers and developers seeking a natural yet robust character, evoking warmth, stability, and adventure. The varying depths of brown and gold, including #D2B48C and #B08064, allow for dynamic visual storytelling and impactful branding across diverse applications.

Best used for

  • Outdoor adventure and travel branding
  • Natural food and beverage packaging
  • Rustic interior design themes
  • Geological or educational content
  • Robust web and app interfaces
  • Earthy product photography backdrops

Suggested color roles

primary

Use #D2B48C as a balanced, versatile main color for brand identity and prominent elements.

secondary

Apply #F4A460 to add a lively, warm supporting touch, perfect for secondary headings or accents.

accent

Employ #8B4513 as a strong, deep accent for critical calls to action, icons, or important details.

background

Choose #F5DEB3 as a light, inviting base for content, providing contrast without feeling stark.

text

Select #B08064 for readable body text against lighter backgrounds, maintaining the palette's earthy feel.

Accessibility notes

  • Ensure #B08064 text on #F5DEB3 background meets WCAG AA contrast standards.
  • The deep #8B4513 provides excellent contrast for accents on lighter shades; use it judiciously.
  • Avoid using #F5DEB3 for small or essential text elements to maintain readability.
  • For maximum readability on light backgrounds, consider a near-black text for critical information.

Recommended combinations

Desert Sunset

Perfect for vibrant, warm gradients or header sections that evoke a dramatic sky.

#F5DEB3 · #F4A460 · #8B4513

Earthy Contrast

Creates a balanced design with depth, ideal for content blocks or structured layouts.

#B08064 · #D2B48C · #F5DEB3

Rugged Accents

Utilizes the darkest and brightest for high-impact elements and dynamic visual emphasis.

#8B4513 · #F4A460 · #D2B48C

CSS variables

:root {
  --golden-sands-1: #F5DEB3;
  --golden-sands-2: #F4A460;
  --golden-sands-3: #D2B48C;
  --golden-sands-4: #B08064;
  --golden-sands-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-sands": {
        1: "#F5DEB3",
        2: "#F4A460",
        3: "#D2B48C",
        4: "#B08064",
        5: "#8B4513",
      }
    }
  }
}

Related searches

desert color schemerustic gold and brownnatural earth toneswarm sand paletteoutdoor brand colors

Palette colors

Hex values

Color 1#F5DEB3
·
Color 2#F4A460
·
Color 3#D2B48C
·
Color 4#B08064
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.5:1Fail
2.6:1Fail
5.4:1AA
2
1.5:1Fail
1:1Fail
1.7:1Fail
3.5:1AA18
3
1.5:1Fail
1:1Fail
1.7:1Fail
3.6:1AA18
4
2.6:1Fail
1.7:1Fail
1.7:1Fail
2.1:1Fail
5
5.4:1AA
3.5:1AA18
3.6:1AA18
2.1:1Fail

Similar palettes

More like Golden Sands

View all Warm
Gingerbread Spice Mill
Sandstone Mesa Warmth
Autumn Hearth Glow
Autumn Leaf Fall
Cozy Cabin Lumber
Desert Rose Sands