Back to palettes

Palette

White Sands Riviera

A breezy palette of white sands, calm waters, and distant village tones, perfect for a Mediterranean escape.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F5F5DC#D2B48C#87CEEB#6A5ACD#F0F8FF

Palette guide

How to use White Sands Riviera

Overview

The White Sands Riviera palette captures the essence of a tranquil Mediterranean escape, blending breezy neutrals with calm water tones. It features the warm cream of #F5F5DC and the sandy beige of #D2B48C, perfectly complemented by the serene sky blue #87CEEB and the deeper, sophisticated indigo #6A5ACD. The airy #F0F8FF provides a crisp, clean base. This palette is exceptionally useful for designers aiming to evoke feelings of relaxation, luxury, and natural beauty. Developers can implement these hex codes to create elegant, spacious web designs, travel platforms, or lifestyle apps that resonate with a coastal, high-end aesthetic, offering a refreshing user experience.

Best used for

  • Luxury travel and resort branding
  • Coastal-themed interior design and decor
  • Mediterranean restaurant and cafe branding
  • Nautical fashion and lifestyle products
  • Serene web interfaces and mobile apps
  • Real estate marketing for beachfront properties

Suggested color roles

primary

Utilize #87CEEB as a primary color to represent calm waters, suitable for headings, main buttons, or key visual elements.

secondary

Employ #D2B48C for secondary content areas, navigational elements, or subtle textural backgrounds, evoking warm sands.

accent

Introduce #6A5ACD as a sophisticated accent for calls-to-action, important links, or to add depth, reminiscent of deep ocean hues.

background

Use #F0F8FF for clean, expansive backgrounds, providing a crisp and airy foundation for content.

text

For body text, a dark charcoal or black (#000000) will ensure optimal readability. #6A5ACD can be used for headings on light backgrounds.

Accessibility notes

  • Ensure sufficient contrast between background colors like #F0F8FF or #F5F5DC and any text placed upon them.
  • Text on #D2B48C (sandy beige) should be dark enough to meet WCAG AA standards.
  • The blues (#87CEEB, #6A5ACD) generally offer good contrast with the lighter neutrals for text or interactive elements.
  • Avoid using #F5F5DC and #F0F8FF interchangeably for critical visual cues due to their similar lightness.

Recommended combinations

Coastal Breeze

Perfect for light and airy designs, evoking sandy beaches and clear skies, ideal for website headers or background sections.

#F0F8FF · #D2B48C · #87CEEB

Deep Riviera

Creates a richer, more sophisticated feel, suitable for branding, main content blocks, or visual storytelling.

#D2B48C · #87CEEB · #6A5ACD

Village Charm

Offers a warm, earthy foundation with a deep accent, great for rustic-luxe themes or editorial layouts.

#F5F5DC · #D2B48C · #6A5ACD

CSS variables

:root {
  --white-sands-riviera-1: #F5F5DC;
  --white-sands-riviera-2: #D2B48C;
  --white-sands-riviera-3: #87CEEB;
  --white-sands-riviera-4: #6A5ACD;
  --white-sands-riviera-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "white-sands-riviera": {
        1: "#F5F5DC",
        2: "#D2B48C",
        3: "#87CEEB",
        4: "#6A5ACD",
        5: "#F0F8FF",
      }
    }
  }
}

Related searches

coastal color palettemediterranean design colorsserene beach UIluxury travel brandingnautical color scheme

Palette colors

Hex values

Color 1#F5F5DC
·
Color 2#D2B48C
·
Color 3#87CEEB
·
Color 4#6A5ACD
·
Color 5#F0F8FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.6:1Fail
4.8:1AA
1:1Fail
2
1.8:1Fail
1.1:1Fail
2.7:1Fail
1.8:1Fail
3
1.6:1Fail
1.1:1Fail
3:1AA18
1.6:1Fail
4
4.8:1AA
2.7:1Fail
3:1AA18
4.9:1AA
5
1:1Fail
1.8:1Fail
1.6:1Fail
4.9:1AA

Similar palettes

More like White Sands Riviera

View all cool
Ocean Driftwood Calm
Santorini Whitewash Breeze
Seaside Cottage Charm
Aegean Sea Serene
Azure Coast Serenity
Calm Coastal Retreat