Back to palettes

Palette

Sandy Shore Retreat

A tranquil blend of beach sand, dried grasses, and the gentle lapping of shallow ocean waves.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sandy Shore 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 Sandy Shore Retreat.

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

Data visualization

#F0E68C#D2B48C#B0C4DE#87CEEB#6B8E23

Palette guide

How to use Sandy Shore Retreat

Overview

The Sandy Shore Retreat palette offers a tranquil blend of natural hues, perfect for evoking calm and earthy designs. Dominated by a soft khaki (#F0E68C), a warm sand beige (#D2B48C), a gentle stormy blue (#B0C4DE), a clear sky blue (#87CEEB), and a muted olive green (#6B8E23), this collection is inspired by coastal landscapes. Designers and developers can utilize this palette to create serene websites, soothing branding, or environmental graphics. Its harmonious and subdued tones are excellent for projects that aim for a relaxed, organic, and inviting feel, making it ideal for wellness, eco-friendly, or home decor themes. The colors work seamlessly to promote a sense of peace.

Best used for

  • Coastal interior design branding
  • Eco-friendly product packaging
  • Wellness and spa websites
  • Nature photography portfolios
  • Relaxation app interfaces
  • Real estate marketing for beach properties

Suggested color roles

primary

Use #D2B48C as a grounding primary color, evoking natural warmth and stability, suitable for large content areas or backgrounds.

secondary

Apply #B0C4DE for a calming secondary hue, ideal for headers, subtle accents, or to introduce a gentle coolness.

accent

Introduce #87CEEB as a refreshing accent, perfect for calls to action or interactive elements that need a touch of lightness and clarity.

background

Utilize #F0E68C as a soft, warm background color, providing a gentle canvas that enhances the natural feel of the palette.

text

Pair with a deep brown like #4A3C30 or a dark olive green to maintain the natural aesthetic while ensuring excellent readability.

Accessibility notes

  • Ensure sufficient contrast when layering lighter shades like #F0E68C with #D2B48C, especially for text, to meet WCAG AA.
  • Text in #6B8E23 on a light background will generally be legible, but verify contrast on #F0E68C.
  • The two blues, #B0C4DE and #87CEEB, are close in hue; differentiate them clearly with size or context if used together for important information.
  • Always test color combinations across various screen types and lighting conditions to confirm readability for all users.

Recommended combinations

Beach Calm

Perfect for serene website headers, branding for wellness products, or subtle UI elements, promoting relaxation.

#D2B48C · #B0C4DE · #87CEEB

Dune Grass

Excellent for natural textures, background patterns, or branding related to organic and sustainable goods.

#F0E68C · #6B8E23 · #D2B48C

Sky & Shore

Ideal for illustrating landscapes, app interfaces with a natural theme, or visual storytelling elements.

#87CEEB · #B0C4DE · #F0E68C

CSS variables

:root {
  --sandy-shore-retreat-1: #F0E68C;
  --sandy-shore-retreat-2: #D2B48C;
  --sandy-shore-retreat-3: #B0C4DE;
  --sandy-shore-retreat-4: #87CEEB;
  --sandy-shore-retreat-5: #6B8E23;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sandy-shore-retreat": {
        1: "#F0E68C",
        2: "#D2B48C",
        3: "#B0C4DE",
        4: "#87CEEB",
        5: "#6B8E23",
      }
    }
  }
}

Related searches

coastal color schemeearth tone palettebeach house colorsnatural serene palettemuted ocean colors

Palette colors

Hex values

Color 1#F0E68C
·
Color 2#D2B48C
·
Color 3#B0C4DE
·
Color 4#87CEEB
·
Color 5#6B8E23
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.4:1Fail
1.4:1Fail
3:1Fail
2
1.5:1Fail
1.1:1Fail
1.1:1Fail
1.9:1Fail
3
1.4:1Fail
1.1:1Fail
1:1Fail
2.1:1Fail
4
1.4:1Fail
1.1:1Fail
1:1Fail
2.2:1Fail
5
3:1Fail
1.9:1Fail
2.1:1Fail
2.2:1Fail

Similar palettes

More like Sandy Shore Retreat

View all earth
Golden Aegean Sands
Aegean Coast Drift
Coastal Clay Path
Coastal Driftwood Sands
Coastal Dune Breeze
Coastal Dune Breeze