Back to palettes

Palette

Glacier Mist Horizon

Subtle transitions from frosty whites to deep teals, capturing the tranquil beauty of a misty glacial landscape.

coolminimal5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacier Mist Horizon 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 Glacier Mist Horizon.

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

Data visualization

#D1EEF0#A2D9E2#73C0C8#4DA5B0#2C8C94

Palette guide

How to use Glacier Mist Horizon

Overview

The "Glacier Mist Horizon" palette features subtle transitions from frosty whites to deep teals, capturing the tranquil beauty of a misty glacial landscape. Ranging from the airy #D1EEF0 to the profound #2C8C94, this collection offers a sophisticated and calming aesthetic, perfect for designs that evoke clarity, depth, and natural serenity. The harmonious progression through #A2D9E2, #73C0C8, and #4DA5B0 provides excellent versatility for creating smooth gradients, distinct visual sections, and refreshing interfaces. Designers and developers can leverage this palette to infuse projects with a sense of calm elegance, making it ideal for clean, modern, and nature-inspired designs.

Best used for

  • Spa and wellness branding
  • High-end minimalist product design
  • Nature photography portfolios
  • Sustainable and eco-conscious brands
  • Meditation and relaxation apps
  • Interior design mood boards

Suggested color roles

primary

#4DA5B0 - A strong, clear teal that serves well for main headings, primary navigation, or call-to-action buttons, providing a sense of grounded clarity.

secondary

#73C0C8 - A brighter, more open aqua-blue, suitable for secondary information panels, subheadings, or background sections that need a lighter, inviting feel.

accent

#2C8C94 - The deepest, most saturated teal, perfect for impactful highlights, interactive states, or to add a touch of gravitas to important information without harshness.

background

#D1EEF0 - The lightest shade, an almost white aqua, ideal for expansive, clean page backgrounds that promote readability and a sense of spaciousness and mist.

text

For text on light backgrounds like #D1EEF0, use #2C8C94 or a dark charcoal for optimal contrast. For text over darker shades, pure white is recommended.

Accessibility notes

  • The darkest color, #2C8C94, provides excellent contrast for white text, meeting WCAG AA standards.
  • Lighter shades like #D1EEF0 and #A2D9E2 require very dark text (black, charcoal) for sufficient readability.
  • Avoid using #73C0C8 as text on #4DA5B0; the contrast may be insufficient for accessibility.
  • Always use a contrast checker for all text and interactive element pairings to ensure readability across all users.

Recommended combinations

Misty Gradient

Create smooth, atmospheric gradients for backgrounds or large hero sections, evoking a sense of tranquil mist and depth.

#D1EEF0 · #A2D9E2 · #73C0C8

Horizon Depth

Use the darkest for strong anchors, a mid-tone for supporting content, and the lightest for expansive, clean backgrounds.

#2C8C94 · #4DA5B0 · #D1EEF0

Teal Accents

Combine these mid-tones for layered UI elements or subtle visual distinctions, with the darkest for grounding accents and highlights.

#73C0C8 · #A2D9E2 · #2C8C94

CSS variables

:root {
  --glacier-mist-horizon-1: #D1EEF0;
  --glacier-mist-horizon-2: #A2D9E2;
  --glacier-mist-horizon-3: #73C0C8;
  --glacier-mist-horizon-4: #4DA5B0;
  --glacier-mist-horizon-5: #2C8C94;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacier-mist-horizon": {
        1: "#D1EEF0",
        2: "#A2D9E2",
        3: "#73C0C8",
        4: "#4DA5B0",
        5: "#2C8C94",
      }
    }
  }
}

Related searches

glacier mist color paletteteal blue calm schemecool serene brandingaqua mist web designicy horizon colors

Palette colors

Hex values

Color 1#D1EEF0
·
Color 2#A2D9E2
·
Color 3#73C0C8
·
Color 4#4DA5B0
·
Color 5#2C8C94
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.3:1Fail
3.3:1AA18
2
1.3:1Fail
1.3:1Fail
1.9:1Fail
2.6:1Fail
3
1.7:1Fail
1.3:1Fail
1.4:1Fail
1.9:1Fail
4
2.3:1Fail
1.9:1Fail
1.4:1Fail
1.4:1Fail
5
3.3:1AA18
2.6:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Glacier Mist Horizon

View all cool
Nordic Winter Glaze
Arctic Fox
Arctic Frost Edge
Arctic Glacier Chill
Arctic Glacier Sparkle
Arctic Glacier Spire