Back to palettes

Palette

Seaside Village Charm

Soft, inviting blues and crisp whites reflecting the quaint, gentle charm of a coastal village.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Seaside Village Charm 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 Seaside Village Charm.

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

Data visualization

#ADD8E6#F0F8FF#87CEFA#5F9EA0#D3D3D3

Palette guide

How to use Seaside Village Charm

Overview

The Seaside Village Charm palette is an inviting collection of soft blues and crisp whites, reflecting the quaint, gentle charm of a coastal village. Featuring the airy #F0F8FF (Alice Blue), the soothing #ADD8E6 (Light Blue), and the vibrant #87CEFA (Light Sky Blue), it’s beautifully balanced by the grounding #5F9EA0 (Cadet Blue) and the versatile #D3D3D3 (Light Grey). This palette is an excellent choice for designers and developers aiming to convey a sense of calm, nostalgia, and understated elegance. Ideal for local businesses, community platforms, or tranquil digital experiences, it evokes a refreshing and approachable aesthetic, perfect for projects seeking a friendly, serene, and welcoming touch.

Best used for

  • Local tourism websites
  • Community event branding
  • Boutique hotel branding
  • Coastal home decor e-commerce
  • Children's book illustrations
  • Relaxed lifestyle app interfaces

Suggested color roles

primary

#ADD8E6 for main content areas or large backgrounds, setting a calm, welcoming tone.

secondary

#D3D3D3 for supporting elements, navigation bars, or subtle dividers, adding neutrality.

accent

#5F9EA0 to provide a deeper, grounding accent for calls-to-action, important icons, or prominent headlines.

background

#F0F8FF as a pristine, airy canvas, mimicking white-washed village walls or clear skies.

text

A deep navy or charcoal for body text, ensuring excellent readability against the lighter blues and white.

Accessibility notes

  • Ensure strong contrast when using #5F9EA0 for text against lighter backgrounds like #F0F8FF or #ADD8E6.
  • Be mindful of contrast between #ADD8E6 and #87CEFA if used for text or interactive elements.
  • Verify that all text and essential UI elements meet WCAG contrast ratio standards, especially for smaller fonts.
  • Provide clear visual cues for interactive elements, as the light blues might have subtle differences for some users.

Recommended combinations

Village Sky

Perfect for hero sections, headers, or backgrounds, creating an open, bright, and inviting feel.

#F0F8FF · #ADD8E6 · #87CEFA

Coastal Harmony

Ideal for clean content blocks where #F0F8FF is background, #5F9EA0 for headlines, and #D3D3D3 for details.

#F0F8FF · #5F9EA0 · #D3D3D3

Charming UI

Use #ADD8E6 for main panels, #D3D3D3 for sidebars, and #5F9EA0 for interactive buttons or key information.

#ADD8E6 · #D3D3D3 · #5F9EA0

CSS variables

:root {
  --seaside-village-charm-1: #ADD8E6;
  --seaside-village-charm-2: #F0F8FF;
  --seaside-village-charm-3: #87CEFA;
  --seaside-village-charm-4: #5F9EA0;
  --seaside-village-charm-5: #D3D3D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "seaside-village-charm": {
        1: "#ADD8E6",
        2: "#F0F8FF",
        3: "#87CEFA",
        4: "#5F9EA0",
        5: "#D3D3D3",
      }
    }
  }
}

Related searches

coastal village colorscalm blue white palettepastel seaside schemequaint design colorslight blue grey palette

Palette colors

Hex values

Color 1#ADD8E6
·
Color 2#F0F8FF
·
Color 3#87CEFA
·
Color 4#5F9EA0
·
Color 5#D3D3D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.1:1Fail
2:1Fail
1:1Fail
2
1.4:1Fail
1.6:1Fail
2.8:1Fail
1.4:1Fail
3
1.1:1Fail
1.6:1Fail
1.8:1Fail
1.1:1Fail
4
2:1Fail
2.8:1Fail
1.8:1Fail
2:1Fail
5
1:1Fail
1.4:1Fail
1.1:1Fail
2:1Fail

Similar palettes

More like Seaside Village Charm

View all cool
Azure Coastline Calm
Coastal Village Breeze
Seaside Evening Blush
Aegean Coastline Calm
Aegean Horizon
Aegean Isle Horizon