Back to palettes

Palette

Glacial Pond Bloom

Crystal clear depths of a glacial pond, with soft blue-greens hinting at nascent life beneath the surface.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacial Pond Bloom 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 Glacial Pond Bloom.

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

Data visualization

#008B8B#20B2AA#40E0D0#7FFFD4#AFEEEE

Palette guide

How to use Glacial Pond Bloom

Overview

The "Glacial Pond Bloom" palette is a vibrant and refreshing collection of teal, aqua, and mint greens, embodying the crystal-clear depths and nascent life of a pristine glacial pond. This palette is exceptionally dynamic, ranging from the deep, rich #008B8B to the light, ethereal #AFEEEE, with bright, lively mid-tones like #40E0D0 and #7FFFD4. It's perfect for designs that aim to convey freshness, vitality, and a connection to nature. The harmonious progression of these colors makes it easy to create visually appealing and calming interfaces or branding.

Best used for

  • Eco-friendly product branding
  • Spa and wellness center websites
  • Outdoor adventure or travel agencies
  • Aquatic sports or swimwear lines
  • Health and detox apps
  • Spring/summer fashion collections

Suggested color roles

primary

#008B8B - A deep, impactful teal, excellent for strong headings, calls-to-action, or main brand identity.

secondary

#20B2AA - A slightly lighter, vibrant aqua, suitable for subheadings, navigation, or secondary graphical elements.

accent

#40E0D0 - A bright, lively turquoise, perfect for interactive elements, highlights, or a pop of energy.

background

#AFEEEE - A very light, almost white aqua, providing a fresh, clean, and airy canvas.

text

#20B2AA - A vibrant aqua for secondary text on light backgrounds. For primary text, use a dark charcoal or black for maximum contrast on #AFEEEE.

Accessibility notes

  • Ensure strong contrast for text on #AFEEEE; a dark text (e.g., black or #008B8B) is recommended.
  • Avoid using #7FFFD4 or #AFEEEE for text on any of the darker colors, as contrast will likely be too low.
  • When using #40E0D0 for interactive elements, ensure its contrast with the background meets WCAG AA.
  • For #008B8B, consider using white or a very light gray for text on top for optimal readability.

Recommended combinations

Pond Depths

Create a fresh, clean look with #AFEEEE as background, #20B2AA for content blocks, and #008B8B for strong headings.

#AFEEEE · #20B2AA · #008B8B

Aqua Glow

Ideal for digital illustrations or gradients, moving from light ethereal glow to a richer aqua.

#7FFFD4 · #40E0D0 · #20B2AA

Vibrant Accent

#008B8B for primary branding, #40E0D0 for eye-catching accents, and #AFEEEE for a crisp background.

#008B8B · #40E0D0 · #AFEEEE

CSS variables

:root {
  --glacial-pond-bloom-1: #008B8B;
  --glacial-pond-bloom-2: #20B2AA;
  --glacial-pond-bloom-3: #40E0D0;
  --glacial-pond-bloom-4: #7FFFD4;
  --glacial-pond-bloom-5: #AFEEEE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-pond-bloom": {
        1: "#008B8B",
        2: "#20B2AA",
        3: "#40E0D0",
        4: "#7FFFD4",
        5: "#AFEEEE",
      }
    }
  }
}

Related searches

aqua teal color palettefresh green blue schemeglacial water colorsvibrant serene paletteeco friendly design colors

Palette colors

Hex values

Color 1#008B8B
·
Color 2#20B2AA
·
Color 3#40E0D0
·
Color 4#7FFFD4
·
Color 5#AFEEEE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
3.4:1AA18
3.2:1AA18
2
1.6:1Fail
1.6:1Fail
2.1:1Fail
2:1Fail
3
2.5:1Fail
1.6:1Fail
1.3:1Fail
1.3:1Fail
4
3.4:1AA18
2.1:1Fail
1.3:1Fail
1.1:1Fail
5
3.2:1AA18
2:1Fail
1.3:1Fail
1.1:1Fail

Similar palettes

More like Glacial Pond Bloom

View all cool
Glacial Lagoon
Glacial Water Echo
Alpine Lake Reflection
Alpine Lake Shimmer
Alpine Mist
Aqua Dream Glow