Back to palettes

Palette

Aqua Seafoam Dream

Light, airy blues and greens capture the refreshing and ethereal beauty of gentle seafoam at the shore.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aqua Seafoam Dream 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 Aqua Seafoam Dream.

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

Data visualization

#B0E0E6#87CEFA#40E0D0#20B2AA#F0F8FF

Palette guide

How to use Aqua Seafoam Dream

Overview

The Aqua Seafoam Dream palette captures the refreshing and ethereal beauty of gentle seafoam at the shore, with light, airy blues and greens. This cool collection spans from the delicate #F0F8FF to the vibrant #20B2AA, with #B0E0E6 and #87CEFA providing lush, inviting transitions. Perfect for designs seeking an organic, natural, and subtly restorative aesthetic, these hex codes are ideal for wellness branding, eco-friendly web interfaces, or editorial content focused on nature. Designers and developers will find these colors excellent for crafting serene digital experiences, from herbal product sites to sustainable living platforms, where a calm, authentic aesthetic is desired.

Best used for

  • Coastal and beach-themed branding
  • Spa and wellness retreat websites
  • Marine conservation initiatives
  • Summer event invitations and decor
  • Nature photography portfolios
  • Calm and relaxing app interfaces

Suggested color roles

primary

Utilize #20B2AA as a deep, anchoring primary for headings, important buttons, or strong graphic elements, providing sophisticated contrast.

secondary

Employ #40E0D0 for supporting elements, subheadings, or rich background panels, offering a deeper tone without losing the palette's softness.

accent

Apply #87CEFA for subtle decorative accents, interactive states, or delicate graphic details, providing a gentle highlight.

background

The lightest tone, #F0F8FF, is perfect as a clean, elegant background, ensuring excellent readability and a refined feel.

text

For optimal legibility, use #20B2AA or a deep charcoal against the lightest backgrounds like #F0F8FF. For secondary text, #40E0D0 can be effective on lighter backgrounds.

Accessibility notes

  • Ensure #20B2AA text on #F0F8FF background meets WCAG AA contrast standards.
  • Avoid pairing #B0E0E6 or #87CEFA for small text on #F0F8FF, as contrast will be too low.
  • Provide clear visual focus indicators for interactive elements, ensuring they stand out against similar background tones.
  • For critical information, consider using the darkest palette color for text on the lightest background.

Recommended combinations

Seafoam Base

Provides a clean, elegant foundation for content with a pristine background and soft, romantic accents.

#F0F8FF · #20B2AA · #40E0D0

Ocean Dream

Ideal for layered UI components or subtle branding, creating depth with closely related blue and green tones.

#87CEFA · #B0E0E6 · #40E0D0

Ethereal Shimmer

Excellent for backgrounds with a gentle luminosity or for decorative elements that need a soft, inviting sheen.

#B0E0E6 · #F0F8FF · #87CEFA

CSS variables

:root {
  --aqua-seafoam-dream-1: #B0E0E6;
  --aqua-seafoam-dream-2: #87CEFA;
  --aqua-seafoam-dream-3: #40E0D0;
  --aqua-seafoam-dream-4: #20B2AA;
  --aqua-seafoam-dream-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aqua-seafoam-dream": {
        1: "#B0E0E6",
        2: "#87CEFA",
        3: "#40E0D0",
        4: "#20B2AA",
        5: "#F0F8FF",
      }
    }
  }
}

Related searches

aqua seafoam color paletteocean dream colorscalm water schemeserene blue green designtropical seafoam tones

Palette colors

Hex values

Color 1#B0E0E6
·
Color 2#87CEFA
·
Color 3#40E0D0
·
Color 4#20B2AA
·
Color 5#F0F8FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.1:1Fail
1.8:1Fail
1.3:1Fail
2
1.2:1Fail
1:1Fail
1.5:1Fail
1.6:1Fail
3
1.1:1Fail
1:1Fail
1.6:1Fail
1.5:1Fail
4
1.8:1Fail
1.5:1Fail
1.6:1Fail
2.4:1Fail
5
1.3:1Fail
1.6:1Fail
1.5:1Fail
2.4:1Fail

Similar palettes

More like Aqua Seafoam Dream

View all cool
Coastal Reef Ripple
Mystic Tide Pool
Aqua Ocean Tide
Coastal Reef Haven
Monsoon Lagoon Shimmer
Oceanic Teal Depths