Back to palettes

Palette

Coastal Village Breeze

Soft blues and sandy whites capture the refreshing, serene ambiance of a quaint seaside village.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Coastal Village Breeze 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 Coastal Village Breeze.

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

Data visualization

#A0D2DB#ADD8E6#E0FFFF#F5F5DC#FFF8DC

Palette guide

How to use Coastal Village Breeze

Overview

The Coastal Village Breeze palette offers a delicate fusion of soft blues and warm, sandy whites, ideal for designs that aim for a gentle, refreshing, and serene aesthetic. With hues like the inviting #ADD8E6 and the subtle #FFF8DC, this palette perfectly captures the tranquil ambiance of a quaint seaside village. #A0D2DB provides a slightly deeper blue for foundational elements, while the almost-white #E0FFFF acts as a clean canvas. The warm beige #F5F5DC adds an earthy touch, grounding the cool blues. This palette is excellent for creating clean, airy, and welcoming visual experiences across various applications.

Best used for

  • Relaxing home decor websites
  • Baby product branding and packaging
  • Wedding and event invitations
  • Café or bakery interior design concepts
  • Lifestyle blogs with a calm theme
  • Real estate marketing for beach properties

Suggested color roles

primary

#ADD8E6 - A soothing light blue that can define main sections, large text blocks, or primary UI elements, offering a fresh feel.

secondary

#A0D2DB - A slightly more saturated blue, ideal for supporting graphics, borders, or secondary calls to action, providing gentle contrast.

accent

#FFF8DC - A soft, creamy white that can highlight key information, provide subtle texture, or act as a warm, inviting accent against the blues.

background

#E0FFFF - An ethereal, very light blue, almost white, perfect for expansive, clean backgrounds that enhance the palette's airy quality.

text

For body text on #E0FFFF or #F5F5DC, use a deep gray or charcoal for excellent legibility. For headings on #ADD8E6, use white or a pale cream.

Accessibility notes

  • Ensure good contrast for text when using #ADD8E6 or #A0D2DB on light backgrounds like #E0FFFF.
  • The warm #F5F5DC can be an excellent background for dark text, providing a gentle alternative to pure white.
  • Avoid using #FFF8DC as a background for light-colored text due to insufficient contrast.
  • Pair #A0D2DB with a dark text color for clear call-to-action buttons.

Recommended combinations

Sandy Shore

Excellent for a bright, airy feel; #E0FFFF as main background, #F5F5DC for content blocks, #ADD8E6 for headers.

#E0FFFF · #F5F5DC · #ADD8E6

Sea Glass

Creates a soft, layered look; #A0D2DB for primary elements, #ADD8E6 for secondary, with #FFF8DC as a warm highlight.

#A0D2DB · #ADD8E6 · #FFF8DC

Morning Mist

Ideal for a gentle, refreshing atmosphere; #E0FFFF as base, #ADD8E6 for subtle graphics, #F5F5DC for warm accents.

#E0FFFF · #ADD8E6 · #F5F5DC

CSS variables

:root {
  --coastal-village-breeze-1: #A0D2DB;
  --coastal-village-breeze-2: #ADD8E6;
  --coastal-village-breeze-3: #E0FFFF;
  --coastal-village-breeze-4: #F5F5DC;
  --coastal-village-breeze-5: #FFF8DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coastal-village-breeze": {
        1: "#A0D2DB",
        2: "#ADD8E6",
        3: "#E0FFFF",
        4: "#F5F5DC",
        5: "#FFF8DC",
      }
    }
  }
}

Related searches

soft blue and white palettecalm coastal colorsserene village aestheticlight and airy brandingbeach house interior colors

Palette colors

Hex values

Color 1#A0D2DB
·
Color 2#ADD8E6
·
Color 3#E0FFFF
·
Color 4#F5F5DC
·
Color 5#FFF8DC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.6:1Fail
1.5:1Fail
1.5:1Fail
2
1.1:1Fail
1.4:1Fail
1.4:1Fail
1.4:1Fail
3
1.6:1Fail
1.4:1Fail
1:1Fail
1:1Fail
4
1.5:1Fail
1.4:1Fail
1:1Fail
1:1Fail
5
1.5:1Fail
1.4:1Fail
1:1Fail
1:1Fail

Similar palettes

More like Coastal Village Breeze

View all cool
Aegean Isle Horizon
Azure Coast Breeze
Azure Coast Serenity
Coastal Breeze
Coastal Breeze Serene
Coastal Cliff Retreat