Palette

Golden Sands Retreat

A tranquil palette inspired by sun-drenched desert landscapes and ancient sand dunes at rest.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F2E3BC#D4B28C#A78A6F#7E6554#4F3F30

Palette guide

How to use Golden Sands Retreat

Overview

The Golden Sands Retreat palette (ID: golden-sands-retreat) is a tranquil collection inspired by sun-drenched desert landscapes and ancient sand dunes at rest. It progresses from the soft #F2E3BC and warm #D4B28C, through the earthy #A78A6F and #7E6554, to the deep #4F3F30. This palette offers a grounded yet inviting feel, perfect for designers and developers seeking to convey warmth, history, and natural serenity. It’s ideal for projects requiring a rustic, authentic, and calming aesthetic, ensuring a comfortable and engaging user experience rooted in natural elements and a subdued elegance.

Best used for

Rustic interior design and decor
Desert-themed branding and marketing
Heritage and cultural websites
Handcrafted goods marketing
Warm, inviting digital interfaces
Earthy product packaging

Suggested color roles

primary

Use #D4B28C as a warm, inviting sand brown for primary sections, conveying comfort and natural appeal.

secondary

Apply #A78A6F as a medium, grounding earthy tone for supporting elements or textured backgrounds, adding depth.

accent

Incorporate #F2E3BC as the lightest, soft highlight for subtle details, decorative patterns, or gentle illumination.

background

Utilize #F2E3BC as an airy, neutral base for expansive content areas, providing a clean and warm backdrop.

text

Employ #4F3F30 as a deep, rich brown for excellent contrast in body text, ensuring optimal readability on lighter backgrounds.

Accessibility notes

#4F3F30 provides excellent contrast for text on #F2E3BC and #D4B28C, making it suitable for body copy.
Use #7E6554 for secondary text or elements on lighter backgrounds, ensuring good legibility.
Avoid using #D4B28C or #A78A6F as text on #F2E3BC for small font sizes without thorough contrast testing.
Ensure sufficient contrast for interactive elements, especially for focus states, to maintain usability.

Recommended combinations

Desert Dawn

Ideal for light, airy UI, background elements, or designs needing a gentle, natural transition.

#F2E3BC · #D4B28C · #A78A6F

Ancient Dunes

Perfect for strong headings, navigation, footers, or elements requiring a robust, historical feel.

#7E6554 · #4F3F30 · #D4B28C

Rustic Warmth

Great for call-to-action buttons, key information, or sections emphasizing an inviting, handcrafted aesthetic.

#A78A6F · #7E6554 · #F2E3BC

CSS variables

:root {
  --golden-sands-retreat-1: #F2E3BC;
  --golden-sands-retreat-2: #D4B28C;
  --golden-sands-retreat-3: #A78A6F;
  --golden-sands-retreat-4: #7E6554;
  --golden-sands-retreat-5: #4F3F30;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-sands-retreat": {
        1: "#F2E3BC",
        2: "#D4B28C",
        3: "#A78A6F",
        4: "#7E6554",
        5: "#4F3F30",
      }
    }
  }
}

Hex values

Color 1#F2E3BC

Color 2#D4B28C

Color 3#A78A6F

Color 4#7E6554

Color 5#4F3F30

Accessibility

Contrast checker

1.6:1Fail

2.5:1Fail

4.3:1AA18

7.9:1AAA

1.6:1Fail

2.7:1Fail

5.1:1AA

2.5:1Fail

1.6:1Fail

1.7:1Fail

3.1:1AA18

4.3:1AA18

2.7:1Fail

1.7:1Fail

1.9:1Fail

7.9:1AAA

5.1:1AA

3.1:1AA18

1.9:1Fail

Similar palettes

More like Golden Sands Retreat

Golden Sands Retreat

See it in context.

Ready when you are.

Built with Golden Sands Retreat.

How to use Golden Sands Retreat

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Desert Dawn

Ancient Dunes

Rustic Warmth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Golden Sands Retreat