Back to palettes

Palette

Seaside Pastel Skies

Soft, muted blues and teals, evoking a calm horizon where sea meets a gentle, cloudy sky.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Seaside Pastel Skies 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 Pastel Skies.

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

Data visualization

#ADD8E6#B0E0E6#87CEFA#F0F8FF#A2DED0

Palette guide

How to use Seaside Pastel Skies

Overview

The Seaside Pastel Skies palette offers a serene collection of soft, muted blues and teals, perfect for evoking tranquility and lightness. Featuring gentle hues like #ADD8E6 (Light Blue), #B0E0E6 (Powder Blue), and the slightly deeper #87CEFA (Light Sky Blue), this palette is beautifully complemented by the near-white #F0F8FF (Alice Blue) and the refreshing #A2DED0 (Aqua Haze). Designers and developers seeking a calm, airy aesthetic will find this ideal for creating immersive digital experiences, subtle branding, or peaceful print materials. It excels in conveying a sense of open space, coastal serenity, and a dreamy, cloud-kissed horizon, making it highly versatile for projects requiring a soft, inviting touch. Use it to build user interfaces that feel spacious and calming.

Best used for

  • Coastal-themed websites and blogs
  • Tranquil mobile app interfaces
  • Baby product or nursery decor branding
  • Spa and wellness center marketing materials
  • Soft, dreamy digital illustrations
  • Peaceful interior design mood boards

Suggested color roles

primary

#ADD8E6 for main content areas or large backgrounds, establishing a soft, inviting base.

secondary

#B0E0E6 as a supporting hue for navigation elements, sub-headers, or subtle UI components.

accent

#87CEFA to highlight interactive elements, calls-to-action, or important icons, providing a gentle focal point.

background

#F0F8FF as a clean, airy base for pages, ensuring content feels light and spacious.

text

A deep charcoal or near-black for body text to ensure readability against the light palette, or crisp white for headings on darker elements if applicable.

Accessibility notes

  • Ensure sufficient contrast between text and background colors, especially for body text against #F0F8FF or #B0E0E6.
  • Verify interactive elements using #87CEFA have a discernible contrast against surrounding background colors.
  • Avoid using similar light pastel shades for adjacent UI elements without clear visual separators.
  • Test colorblind compatibility for critical information conveyed solely by color, as pastels can be tricky.

Recommended combinations

Sky & Cloud

Ideal for header designs or hero sections, creating an open, airy feel.

#F0F8FF · #ADD8E6 · #87CEFA

Coastal Serenity

Excellent for background patterns, subtle branding, or tranquil illustrations.

#A2DED0 · #B0E0E6 · #F0F8FF

Gentle Interaction

Use for clean UI elements where #F0F8FF is background, #ADD8E6 for cards, and #87CEFA for buttons.

#F0F8FF · #87CEFA · #ADD8E6

CSS variables

:root {
  --seaside-pastel-skies-1: #ADD8E6;
  --seaside-pastel-skies-2: #B0E0E6;
  --seaside-pastel-skies-3: #87CEFA;
  --seaside-pastel-skies-4: #F0F8FF;
  --seaside-pastel-skies-5: #A2DED0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "seaside-pastel-skies": {
        1: "#ADD8E6",
        2: "#B0E0E6",
        3: "#87CEFA",
        4: "#F0F8FF",
        5: "#A2DED0",
      }
    }
  }
}

Related searches

pastel blue palettecalm ocean colorslight sky hex codestranquil teal designsoft coastal color scheme

Palette colors

Hex values

Color 1#ADD8E6
·
Color 2#B0E0E6
·
Color 3#87CEFA
·
Color 4#F0F8FF
·
Color 5#A2DED0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.1:1Fail
1.4:1Fail
1:1Fail
2
1.1:1Fail
1.2:1Fail
1.3:1Fail
1.1:1Fail
3
1.1:1Fail
1.2:1Fail
1.6:1Fail
1.1:1Fail
4
1.4:1Fail
1.3:1Fail
1.6:1Fail
1.4:1Fail
5
1:1Fail
1.1:1Fail
1.1:1Fail
1.4:1Fail

Similar palettes

More like Seaside Pastel Skies

View all pastel
Azure Dream Canvas
Gentle Sky Whisper
Sea Glass Pebble
Sky Whispers Gentle
Whispering Sky Drift
Celestial Cloud Shimmer