Back to palettes

Palette

Frosty Glacier Lagoon

Icy blues and teals, like the chillingly beautiful waters of a glacial lagoon.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosty Glacier Lagoon 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 Frosty Glacier Lagoon.

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

Data visualization

#ADD8E6#B0E0E6#87CEEB#4682B4#6A5ACD

Palette guide

How to use Frosty Glacier Lagoon

Overview

The Frosty Glacier Lagoon palette plunges into the chillingly beautiful depths of glacial waters with its rich array of icy blues and a surprising touch of deep purple. From the bright #ADD8E6 to the profound #4682B4, and the unique #6A5ACD, this palette offers a dynamic yet cohesive gradient that is both captivating and serene. Shades like #B0E0E6 and #87CEEB further enhance the cool, expansive feel, providing ample opportunity for creating visual depth. This palette is perfect for designers and developers aiming to convey a sense of natural wonder, professionalism, or a connection to crisp, cool environments in their digital interfaces, branding, or artistic projects.

Best used for

  • Environmental or nature-focused branding
  • Travel and adventure website design
  • Winter sports gear promotion
  • Scientific data visualization
  • Cool-toned digital art and illustrations
  • Tech company branding with a fresh feel

Suggested color roles

primary

Utilize #87CEEB as a vibrant primary color for main content areas or interactive elements, offering a clear and refreshing presence.

secondary

Employ #ADD8E6 or #B0E0E6 for supporting elements, background textures, or secondary information blocks, maintaining a light, airy feel.

accent

Reserve #6A5ACD for high-impact accents, call-to-action buttons, or key visual elements, providing a sophisticated, deep contrast.

background

Use #ADD8E6 for expansive, clean backgrounds, offering a light and refreshing canvas that allows the deeper blues to shine.

text

For optimal readability, use #4682B4 or a deep charcoal/black for body text and headings on lighter backgrounds. For text on #6A5ACD or #4682B4, a crisp white is recommended.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using lighter blues like #ADD8E6 for text on #B0E0E6.
  • The darker shades #4682B4 and #6A5ACD provide excellent contrast for text on light backgrounds, meeting WCAG standards.
  • Avoid using #87CEEB for small text on very light backgrounds to prevent readability issues.
  • Be mindful of color-blind users when differentiating between similar blue tones; use varying saturation or value.

Recommended combinations

Glacier Surface

Ideal for light, ethereal backgrounds and subtle gradients, evoking a crisp, cool atmosphere.

#ADD8E6 · #B0E0E6 · #87CEEB

Lagoon Depths

Excellent for primary content blocks, navigation, or strong accents, providing depth and a touch of mysterious richness.

#4682B4 · #6A5ACD · #B0E0E6

Icy Highlight

Suitable for interactive elements, headlines, or illustrations where a clear visual hierarchy and cool progression are desired.

#87CEEB · #4682B4 · #ADD8E6

CSS variables

:root {
  --frosty-glacier-lagoon-1: #ADD8E6;
  --frosty-glacier-lagoon-2: #B0E0E6;
  --frosty-glacier-lagoon-3: #87CEEB;
  --frosty-glacier-lagoon-4: #4682B4;
  --frosty-glacier-lagoon-5: #6A5ACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosty-glacier-lagoon": {
        1: "#ADD8E6",
        2: "#B0E0E6",
        3: "#87CEEB",
        4: "#4682B4",
        5: "#6A5ACD",
      }
    }
  }
}

Related searches

icy blue purple paletteglacier water colorscool lagoon UI designdeep blue accent paletteserene nature branding

Palette colors

Hex values

Color 1#ADD8E6
·
Color 2#B0E0E6
·
Color 3#87CEEB
·
Color 4#4682B4
·
Color 5#6A5ACD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.1:1Fail
2.7:1Fail
3.5:1AA18
2
1.1:1Fail
1.2:1Fail
2.9:1Fail
3.7:1AA18
3
1.1:1Fail
1.2:1Fail
2.4:1Fail
3:1AA18
4
2.7:1Fail
2.9:1Fail
2.4:1Fail
1.3:1Fail
5
3.5:1AA18
3.7:1AA18
3:1AA18
1.3:1Fail

Similar palettes

More like Frosty Glacier Lagoon

View all cool
Glacier Ice Cavern
Polar Ice Serenity
Arctic Frost Jewel
Arctic Glacier Lagoon
Arctic Glacier Melt
Arctic Lake Glass