Back to palettes

Palette

Golden Sands Retreat

Evokes the feeling of warm, sun-kissed sands and leisurely days by a tranquil, golden shore.

warmnatural5 colors
More warm 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

#CBA55B#E4C88E#F7E9C7#9B824F#B6984C

Palette guide

How to use Golden Sands Retreat

Overview

The Golden Sands Retreat palette (ID: golden-sands-retreat-2) evokes the feeling of warm, sun-kissed sands and leisurely days by a tranquil, golden shore. It features a rich spectrum of golds, from the inviting #CBA55B and bright #E4C88E, to the airy #F7E9C7. Deeper, more grounded tones like #9B824F and #B6984C provide balance and a touch of organic depth. This palette is highly effective for designers and developers aiming to create relaxing, luxurious, and natural designs. It’s perfect for projects that need to convey a sense of escape, warmth, and serene beauty, ensuring an inviting user experience.

Best used for

  • Beach resort branding and marketing
  • Travel agency websites and campaigns
  • Summer fashion collections
  • Coastal home decor
  • Relaxing lifestyle blogs
  • Spa and wellness advertisements

Suggested color roles

primary

Use #CBA55B as an inviting, medium gold for primary elements, conveying warmth and understated luxury.

secondary

Apply #B6984C as a richer, more grounded gold for supporting sections or navigation elements, adding depth.

accent

Incorporate #E4C88E as a soft, radiant highlight for subtle details, hover states, or delicate graphics.

background

Utilize #F7E9C7 as the lightest, airy sand base for expansive content areas, providing a clean and warm backdrop.

text

Employ #9B824F as a deep, earthy brown for strong readability in body text, or a near-black for maximum contrast on #F7E9C7.

Accessibility notes

  • Use #9B824F or a dark charcoal for body text on #F7E9C7 to ensure excellent readability and WCAG compliance.
  • #CBA55B on #F7E9C7 can work for headings, but check contrast for smaller text sizes to ensure legibility.
  • Avoid using #E4C88E as text on light backgrounds due to potential low contrast; reserve it for larger graphic elements.
  • Ensure all interactive elements meet WCAG contrast requirements for usability, especially for focus and hover states.

Recommended combinations

Beachside Calm

Ideal for light interfaces, header areas, or designs requiring a soft, tranquil, and open feel.

#F7E9C7 · #E4C88E · #CBA55B

Shoreline Depth

Perfect for strong branding elements, navigation, or footers, providing a robust and grounded presence.

#9B824F · #B6984C · #CBA55B

Golden Hour

Great for calls to action, important details, or sections aiming for an inviting and luxurious feel.

#CBA55B · #E4C88E · #9B824F

CSS variables

:root {
  --golden-sands-retreat-2-1: #CBA55B;
  --golden-sands-retreat-2-2: #E4C88E;
  --golden-sands-retreat-2-3: #F7E9C7;
  --golden-sands-retreat-2-4: #9B824F;
  --golden-sands-retreat-2-5: #B6984C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-sands-retreat-2": {
        1: "#CBA55B",
        2: "#E4C88E",
        3: "#F7E9C7",
        4: "#9B824F",
        5: "#B6984C",
      }
    }
  }
}

Related searches

beach gold color schemeresort branding colorssummer palette inspirationtranquil sand toneswarm coastal design

Palette colors

Hex values

Color 1#CBA55B
·
Color 2#E4C88E
·
Color 3#F7E9C7
·
Color 4#9B824F
·
Color 5#B6984C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
1.6:1Fail
1.2:1Fail
2
1.4:1Fail
1.3:1Fail
2.3:1Fail
1.7:1Fail
3
1.9:1Fail
1.3:1Fail
3.1:1AA18
2.3:1Fail
4
1.6:1Fail
2.3:1Fail
3.1:1AA18
1.3:1Fail
5
1.2:1Fail
1.7:1Fail
2.3:1Fail
1.3:1Fail

Similar palettes

More like Golden Sands Retreat

View all warm
Golden Sands Whisper
Sundrenched Coastal Sand
Bonfire Ember Sands
Golden Desert Sands
Golden Hour Meadow
Golden Sands Sunset