Back to palettes

Palette

Ocean Spray Whispers

A tranquil blend of ocean blues and seafoam greens, reflecting the calm and gentle rhythm of coastal waves.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ocean Spray Whispers 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 Ocean Spray Whispers.

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

Data visualization

#87CEEB#B0E0E6#ADD8E6#6495ED#C3E6EE

Palette guide

How to use Ocean Spray Whispers

Overview

The Ocean Spray Whispers palette offers a tranquil blend of ocean blues and seafoam greens, reflecting the calm and gentle rhythm of coastal waves. This cool and serene collection features multiple light blue shades, including the airy #C3E6EE, the gentle #ADD8E6 and #B0E0E6, and the classic sky blue of #87CEEB. It is grounded by the slightly deeper cornflower blue #6495ED, which adds a touch of stability and depth. This palette is perfect for designers seeking to create a peaceful, refreshing, and harmonious aesthetic. Developers can leverage these hex codes to build user interfaces that feel open, serene, and inviting, ideal for travel blogs, wellness apps, or any brand aiming for a calming online presence.

Best used for

  • Coastal travel blogs or agencies
  • Wellness and relaxation apps
  • Serene home decor websites
  • Children's room design concepts
  • Environmental awareness content
  • Peaceful digital art or illustrations

Suggested color roles

primary

#6495ED (Cornflower Blue) - Excellent for primary headings, navigation, or strong brand elements, providing a stable and inviting anchor.

secondary

#87CEEB (Sky Blue) - Use for subheadings, background sections, or less prominent UI elements, offering a classic, calming blue.

accent

#B0E0E6 (Powder Blue) - Ideal for interactive elements, subtle highlights, or graphic details to add a touch of softness and airiness.

background

#C3E6EE (Pale Aqua) - Provides a very light, almost white canvas, enhancing the airy and expansive feel of the design.

text

A dark charcoal like #333333 or #6495ED for headings, ensuring optimal readability on light backgrounds.

Accessibility notes

  • #C3E6EE, #B0E0E6, #ADD8E6, and #87CEEB are very light; use dark text (e.g., black) for all content on these backgrounds.
  • #6495ED provides good contrast for light text, but dark text on light backgrounds is generally preferred.
  • Ensure sufficient contrast between the very similar light blues like #B0E0E6 and #ADD8E6 if used adjacently.
  • Use strong visual cues in addition to color for interactive elements.

Recommended combinations

Calm Horizon

A very light background with a cornflower blue for primary elements and sky blue for secondary, creating a spacious and serene interface.

#C3E6EE · #6495ED · #87CEEB

Gentle Flow

Layered light blues for a soft, undulating effect, with the deeper cornflower blue providing grounding text or dividers.

#ADD8E6 · #B0E0E6 · #6495ED

Fresh Whispers

A crisp, pale aqua base with sky blue for key elements and a softer light blue for supporting details, evoking freshness and calm.

#C3E6EE · #87CEEB · #ADD8E6

CSS variables

:root {
  --ocean-spray-whispers-1: #87CEEB;
  --ocean-spray-whispers-2: #B0E0E6;
  --ocean-spray-whispers-3: #ADD8E6;
  --ocean-spray-whispers-4: #6495ED;
  --ocean-spray-whispers-5: #C3E6EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ocean-spray-whispers": {
        1: "#87CEEB",
        2: "#B0E0E6",
        3: "#ADD8E6",
        4: "#6495ED",
        5: "#C3E6EE",
      }
    }
  }
}

Related searches

serene blue color palettecoastal calm designgentle ocean hues UIlight blue travel themepeaceful seafoam colors

Palette colors

Hex values

Color 1#87CEEB
·
Color 2#B0E0E6
·
Color 3#ADD8E6
·
Color 4#6495ED
·
Color 5#C3E6EE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.1:1Fail
1.7:1Fail
1.3:1Fail
2
1.2:1Fail
1.1:1Fail
2.1:1Fail
1.1:1Fail
3
1.1:1Fail
1.1:1Fail
1.9:1Fail
1.2:1Fail
4
1.7:1Fail
2.1:1Fail
1.9:1Fail
2.2:1Fail
5
1.3:1Fail
1.1:1Fail
1.2:1Fail
2.2:1Fail

Similar palettes

More like Ocean Spray Whispers

View all cool
Coastal Breeze Mist
Azure Coast Serenity
Coastal Mist Horizon
Coastal Seafoam Spray
Mediterranean Harbor Day
Ocean Current Drift