Palette

Monsoon Lagoon Shimmer

Fresh and invigorating aqua and teal tones, reminiscent of a clear lagoon during monsoon season.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Monsoon Lagoon Shimmer 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 Monsoon Lagoon Shimmer.

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

Data visualization

#1E6B6B#4E9B9B#7CC2C2#B9E6E6#3B8C8C

Palette guide

How to use Monsoon Lagoon Shimmer

Overview

The Monsoon Lagoon Shimmer palette is a refreshing and serene collection of teals and aquas, perfectly evoking the clear, calm waters of a lagoon during monsoon season. With deep, stable tones like #1E6B6B and the slightly brighter #3B8C8C, this palette offers a sense of tranquility and clarity. The lighter #7CC2C2 and #B9E6E6 introduce an ethereal shimmer, ideal for conveying freshness and purity. Designers will find this palette excellent for projects related to wellness, coastal themes, or clean technology. Developers can leverage these hex codes to create crisp, inviting interfaces that feel both modern and naturally soothing, ensuring a harmonious user experience.

Best used for

Spa and wellness center branding
Coastal tourism and resort websites
Aquatic sports and outdoor recreation brands
Clean technology and eco-innovation interfaces
Refreshing beverage and food packaging
Tranquil digital art and meditation apps

Suggested color roles

primary

Use #1E6B6B as the stable, deep anchor for branding, main navigation, or impactful headings.

secondary

Apply #3B8C8C for supporting content, subheadings, or illustrations, offering a slightly brighter, complementary teal.

accent

Highlight interactive elements, calls-to-action, or key information with #7CC2C2, providing a vibrant, refreshing focal point.

background

The lightest #B9E6E6 serves as an excellent, airy background, allowing darker text and elements to stand out beautifully.

text

For dark text on light backgrounds, #1E6B6B or #3B8C8C offer superb readability. For light text on darks, #B9E6E6 or white works well.

Accessibility notes

The contrast between #1E6B6B text and #B9E6E6 background is excellent, making it ideal for body copy.
Ensure #4E9B9B has sufficient contrast when used as text on #7CC2C2, especially for smaller font sizes.
Avoid using #7CC2C2 as text on #B9E6E6 due to low contrast; reserve it for larger headings or accents.
For crucial information, use the darkest color, #1E6B6B, on the lightest, #B9E6E6, to ensure maximum visibility.

Recommended combinations

Deep Water Flow

Creates a rich, layered effect from deep teal to a brighter mid-tone for main content areas.

#1E6B6B · #3B8C8C · #4E9B9B

Aqua Shimmer

Ideal for lighter sections, backgrounds, or subtle accents, evoking a shimmering water surface.

#4E9B9B · #7CC2C2 · #B9E6E6

Lagoon Edge Contrast

Combines a deep base with a vibrant accent and a clean, light background for striking visual impact.

#1E6B6B · #7CC2C2 · #B9E6E6

CSS variables

:root {
  --monsoon-lagoon-shimmer-1: #1E6B6B;
  --monsoon-lagoon-shimmer-2: #4E9B9B;
  --monsoon-lagoon-shimmer-3: #7CC2C2;
  --monsoon-lagoon-shimmer-4: #B9E6E6;
  --monsoon-lagoon-shimmer-5: #3B8C8C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "monsoon-lagoon-shimmer": {
        1: "#1E6B6B",
        2: "#4E9B9B",
        3: "#7CC2C2",
        4: "#B9E6E6",
        5: "#3B8C8C",
      }
    }
  }
}

Hex values

Color 1#1E6B6B

Color 2#4E9B9B

Color 3#7CC2C2

Color 4#B9E6E6

Color 5#3B8C8C

Accessibility

Contrast checker

1.9:1Fail

3.1:1AA18

4.6:1AA

1.6:1Fail

1.9:1Fail

1.6:1Fail

2.4:1Fail

1.2:1Fail

3.1:1AA18

1.6:1Fail

1.5:1Fail

1.9:1Fail

4.6:1AA

2.4:1Fail

1.5:1Fail

2.9:1Fail

1.6:1Fail

1.2:1Fail

1.9:1Fail

2.9:1Fail

Similar palettes

More like Monsoon Lagoon Shimmer

Monsoon Lagoon Shimmer

See it in context.

Ready when you are.

Built with Monsoon Lagoon Shimmer.

How to use Monsoon Lagoon Shimmer

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Water Flow

Aqua Shimmer

Lagoon Edge Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Monsoon Lagoon Shimmer