Back to palettes

Palette

Golden Earth Sands

Warm and inviting, reflecting sun-drenched desert sands and golden earth tones.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D0B086#E5D0A6#B38C6C#9A7356#F0E1C9

Palette guide

How to use Golden Earth Sands

Overview

The Golden Earth Sands palette is warm and inviting, reflecting sun-drenched desert sands and rich golden earth tones. With a range from the light #F0E1C9 to the deep #9A7356, including balanced hues like #D0B086 and #B38C6C, this palette offers a harmonious and grounded aesthetic. It's perfect for designers seeking to convey natural elegance, comfort, and authenticity. This palette works exceptionally well for branding, web interfaces, and editorial content that aims for a sophisticated yet approachable and organic feel, reminiscent of sun-baked landscapes.

Best used for

  • Sustainable and eco-friendly product branding
  • Home decor and interior design websites
  • Artisan pottery or textile e-commerce platforms
  • Nature photography portfolios or blogs
  • Branding for organic food markets or healthy cafes
  • Spa and wellness centers seeking a calming, natural aesthetic

Suggested color roles

primary

Use #D0B086 as a warm, inviting primary for headings, logos, or hero sections, offering a soft yet clear presence.

secondary

The slightly deeper #B38C6C works well for subheadings, secondary buttons, or accent panels, providing gentle contrast.

accent

Employ the rich #9A7356 for powerful accents, borders, or important calls-to-action, grounding the palette with depth.

background

The very light #F0E1C9 or #E5D0A6 creates an airy and warm background, perfect for a clean, natural canvas.

text

A deep brown like #9A7356 or a dark charcoal (e.g., #333333) provides optimal readability against the lighter sand tones.

Accessibility notes

  • Ensure sufficient contrast for text on #F0E1C9 and #E5D0A6; darker tones like #9A7356 or #B38C6C are recommended.
  • Avoid using #D0B086 for small text on #E5D0A6 due to potential low contrast.
  • Text in #9A7356 or #B38C6C provides good readability on #F0E1C9 and #D0B086.
  • For interactive elements, ensure distinct visual feedback, especially when using similar light shades.

Recommended combinations

Sun-Kissed Base

Ideal for light, airy backgrounds and primary content areas, creating a soft and welcoming atmosphere.

#F0E1C9 · #E5D0A6 · #D0B086

Earthy Depth

Excellent for defining sections, footers, or navigation, adding grounded richness and visual structure.

#D0B086 · #B38C6C · #9A7356

Natural Contrast

Suitable for high-impact text or call-to-action buttons, ensuring clarity and an organic feel.

#F0E1C9 · #9A7356 · #B38C6C

CSS variables

:root {
  --golden-earth-sands-1: #D0B086;
  --golden-earth-sands-2: #E5D0A6;
  --golden-earth-sands-3: #B38C6C;
  --golden-earth-sands-4: #9A7356;
  --golden-earth-sands-5: #F0E1C9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-earth-sands": {
        1: "#D0B086",
        2: "#E5D0A6",
        3: "#B38C6C",
        4: "#9A7356",
        5: "#F0E1C9",
      }
    }
  }
}

Related searches

golden earth tone palettedesert sand natural colorswarm earthy brown schemeorganic gold brandingcomforting neutral palette

Palette colors

Hex values

Color 1#D0B086
·
Color 2#E5D0A6
·
Color 3#B38C6C
·
Color 4#9A7356
·
Color 5#F0E1C9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.5:1Fail
2.1:1Fail
1.6:1Fail
2
1.4:1Fail
2:1Fail
2.8:1Fail
1.2:1Fail
3
1.5:1Fail
2:1Fail
1.4:1Fail
2.4:1Fail
4
2.1:1Fail
2.8:1Fail
1.4:1Fail
3.3:1AA18
5
1.6:1Fail
1.2:1Fail
2.4:1Fail
3.3:1AA18

Similar palettes

More like Golden Earth Sands

View all earth