Back to palettes

Palette

Frosted Lake

Cool, crisp shades of teal and mint green evoke the serene beauty of a peaceful, ice-kissed lake.

monochromecalm5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosted Lake 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 Frosted Lake.

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

Data visualization

#B2DFDB#80CBC4#4DB6AC#26A69A#009688

Palette guide

How to use Frosted Lake

Overview

The "Frosted Lake" palette presents a beautiful, serene spectrum of cool teals and mint greens, evoking the peaceful beauty of an ice-kissed lake. This monochromatic scheme seamlessly transitions from the very light and airy #B2DFDB to the rich, deep #009688. Intermediate shades like #80CBC4, #4DB6AC, and #26A69A provide a refreshing and harmonious flow, allowing for subtle yet effective visual differentiation. This palette is perfect for designs that aim to convey freshness, calm, and clarity, making it highly versatile for both digital and print applications that benefit from a natural, tranquil aesthetic.

Best used for

  • Spa and wellness product branding
  • Eco-conscious or sustainable brand identity
  • Health and beauty websites
  • Coastal or aquatic-themed designs
  • Modern minimalist interiors
  • Refreshing mobile app interfaces

Suggested color roles

primary

#009688 - A deep, vibrant teal, excellent for primary calls-to-action, significant headers, or foundational elements, conveying trust and growth.

secondary

#26A69A - A balanced mid-tone teal, suitable for subheadings, navigation links, or secondary graphical elements that need gentle emphasis.

accent

#4DB6AC - A brighter, yet still soft, teal that can highlight interactive elements, small icons, or specific data points without overwhelming the design.

background

#B2DFDB - A very light, almost pastel teal that provides a clean, airy canvas, enhancing readability and giving a sense of spaciousness.

text

#009688 (or a dark charcoal like #333333 for improved contrast on lighter backgrounds) - Use the deepest teal for headings and crucial text, ensuring good readability.

Accessibility notes

  • Ensure sufficient contrast between #009688 text and #B2DFDB background (passes WCAG AA for large text, often for regular text).
  • Avoid using #80CBC4 or #4DB6AC for small text on very light backgrounds like #B2DFDB without checking contrast ratios.
  • For interactive elements, ensure hover/focus states provide clear visual distinction.
  • Consider using a darker text color (e.g., black or very dark gray) for body text on #B2DFDB if WCAG AAA compliance is required.

Recommended combinations

Deep & Fresh

High-contrast pairing for headlines, buttons, and clean content blocks, offering clear readability and a fresh feel.

#009688 · #B2DFDB · #26A69A

Subtle Layers

Creates a gentle, layered effect suitable for backgrounds, subtle data visualizations, or smooth gradients.

#80CBC4 · #4DB6AC · #26A69A

Accentuated Calm

A light base with a crisp accent and grounding primary, ideal for elegant UI elements or natural illustrations.

#B2DFDB · #4DB6AC · #009688

CSS variables

:root {
  --frosted-lake-1: #B2DFDB;
  --frosted-lake-2: #80CBC4;
  --frosted-lake-3: #4DB6AC;
  --frosted-lake-4: #26A69A;
  --frosted-lake-5: #009688;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-lake": {
        1: "#B2DFDB",
        2: "#80CBC4",
        3: "#4DB6AC",
        4: "#26A69A",
        5: "#009688",
      }
    }
  }
}

Related searches

monochromatic teal palettemint aqua color schemecalm fresh design colorsice lake green paletteserene branding teal

Palette colors

Hex values

Color 1#B2DFDB
·
Color 2#80CBC4
·
Color 3#4DB6AC
·
Color 4#26A69A
·
Color 5#009688
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.1:1Fail
2.5:1Fail
2
1.3:1Fail
1.3:1Fail
1.6:1Fail
2:1Fail
3
1.7:1Fail
1.3:1Fail
1.2:1Fail
1.5:1Fail
4
2.1:1Fail
1.6:1Fail
1.2:1Fail
1.2:1Fail
5
2.5:1Fail
2:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Frosted Lake

View all monochrome
Morning Dew
Azure Ripple Effect
Cobalt Flow
Contemplative Stone Flow
Deep Lagoon Jewel
Dusky Meadow Mist