Palette

Serene Lagoon Mist

Soft, watery teals and aquas evoke the tranquil stillness of a misty lagoon, where water meets serene air.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Serene Lagoon Mist 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 Serene Lagoon Mist.

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

Data visualization

#2E6464#558F8D#8ABCB9#C0E7E6#D9F5F5

Palette guide

How to use Serene Lagoon Mist

Overview

The Serene Lagoon Mist palette evokes the tranquil stillness of a misty lagoon, where water meets serene air, through its soft, watery teals and aquas. From the deep, muted teal of #2E6464 to the ethereal lightness of #D9F5F5, with gentle transitions like #558F8D and #8ABCB9, this palette is inherently calming and sophisticated. It's an ideal choice for designers aiming to create peaceful, ethereal, and refreshing visual experiences. Developers can utilize these cool, harmonious tones for applications related to mindfulness, luxury spas, or any interface where a gentle, clean, and sophisticated aesthetic is paramount, promoting a sense of calm.

Best used for

Spa and relaxation websites
Luxury skincare product branding
Meditation apps and platforms
Coastal or minimalist interior design
Ethereal digital art and photography
Wedding stationery with a serene theme

Suggested color roles

primary

#558F8D - A balanced, muted teal, perfect for establishing a serene and elegant brand presence.

secondary

#8ABCB9 - A lighter, airy teal for subheadings, subtle accents, or supporting graphic elements.

accent

#D9F5F5 - A very light, almost translucent aqua that provides a soft glow, ideal for subtle highlights or interactive states.

background

#C0E7E6 - A pale, refreshing aqua that creates a clean, open, and inviting canvas.

text

#2E6464 for primary text on light backgrounds, or a soft white for text on darker shades for optimal readability.

Accessibility notes

Ensure sufficient contrast for text, especially when using #D9F5F5 on #C0E7E6; it may require larger font sizes.
#2E6464 offers good contrast for text on #C0E7E6, ensuring readability.
Avoid using #8ABCB9 on #C0E7E6 for small text due to potential low contrast.
For interactive elements, consider using #558F8D for active states against lighter backgrounds.

Recommended combinations

Misty Depths

A calming, high-contrast pairing for elegant headers or dark-mode UI with a soft, ethereal accent.

#2E6464 · #D9F5F5 · #558F8D

Lagoon Haze

A smooth, atmospheric gradient for backgrounds or layered UI elements, evoking depth and lightness.

#558F8D · #8ABCB9 · #C0E7E6

Aqua Whisper

A very light background with deep text, accented by a gentle mid-tone for balance and subtlety.

#D9F5F5 · #2E6464 · #8ABCB9

CSS variables

:root {
  --serene-lagoon-mist-1: #2E6464;
  --serene-lagoon-mist-2: #558F8D;
  --serene-lagoon-mist-3: #8ABCB9;
  --serene-lagoon-mist-4: #C0E7E6;
  --serene-lagoon-mist-5: #D9F5F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "serene-lagoon-mist": {
        1: "#2E6464",
        2: "#558F8D",
        3: "#8ABCB9",
        4: "#C0E7E6",
        5: "#D9F5F5",
      }
    }
  }
}

Hex values

Color 1#2E6464

Color 2#558F8D

Color 3#8ABCB9

Color 4#C0E7E6

Color 5#D9F5F5

Accessibility

Contrast checker

1.8:1Fail

3.2:1AA18

5.1:1AA

5.9:1AA

1.8:1Fail

1.7:1Fail

2.8:1Fail

3.2:1AA18

1.7:1Fail

1.6:1Fail

1.8:1Fail

5.1:1AA

2.8:1Fail

1.6:1Fail

1.2:1Fail

5.9:1AA

3.2:1AA18

1.8:1Fail

1.2:1Fail

Similar palettes

More like Serene Lagoon Mist

Serene Lagoon Mist

See it in context.

Ready when you are.

Built with Serene Lagoon Mist.

How to use Serene Lagoon Mist

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Misty Depths

Lagoon Haze

Aqua Whisper

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Serene Lagoon Mist