Palette

Glacial Peak Horizon

Icy blues and pristine whites evoke the majestic, cold serenity of a distant, snow-capped mountain range.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacial Peak 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 Glacial Peak Horizon.

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

Data visualization

#A7D9E3#7FD9EE#3AAFB9#E0F2F7#BACFD7

Palette guide

How to use Glacial Peak Horizon

Overview

The "Glacial Peak Horizon" palette offers a serene and crisp aesthetic, perfect for designs seeking a minimalist yet refreshing feel. Dominated by cool blues and soft whites, this palette evokes the majestic tranquility of snow-capped mountains meeting a clear sky. Key colors like the vibrant #7FD9EE and the soothing #A7D9E3 provide a sense of depth, while #E0F2F7 acts as an airy foundation. The deeper #3AAFB9 adds a touch of grounded sophistication, and #BACFD7 bridges the lighter and darker tones. Designers can leverage these shades to create clean, modern interfaces, calming brand identities, or elegant digital experiences that convey clarity and coolness.

Best used for

Spa and wellness brand identities
Tech product interfaces (e.g., smart home apps)
Environmental or conservation websites
Winter-themed marketing campaigns
Minimalist interior design inspiration
Medical or healthcare branding

Suggested color roles

primary

#7FD9EE - Ideal for hero sections or main calls-to-action, providing a strong yet inviting focal point.

secondary

#A7D9E3 - Use for supporting elements, subheadings, or background panels to maintain a cohesive cool tone.

accent

#3AAFB9 - A vibrant accent for interactive elements, highlights, or small graphic details to draw attention.

background

#E0F2F7 - Excellent as a clean, light base for content, ensuring readability and an airy feel.

text

#BACFD7 - A soft, cool gray for secondary text or captions. For primary text, use a dark charcoal or black for contrast.

Accessibility notes

Ensure sufficient contrast between #E0F2F7 backgrounds and any text, especially lighter shades.
For interactive elements, pair #3AAFB9 with a dark text color (e.g., black) for optimal readability.
Avoid using #A7D9E3 text on #7FD9EE backgrounds as contrast might be insufficient for accessibility.
Check contrast ratios for all text and interactive elements using WCAG guidelines.

Recommended combinations

Sky & Ice

Perfect for web headers or hero images, with #E0F2F7 as background, #7FD9EE for main visuals, and #3AAFB9 for key details.

#E0F2F7 · #7FD9EE · #3AAFB9

Crisp Layers

Use #E0F2F7 as a base, #A7D9E3 for panels, and #BACFD7 for subtle borders or secondary text in a layered UI.

#BACFD7 · #A7D9E3 · #E0F2F7

Horizon Depth

A gradient or layered effect for digital art or abstract backgrounds, transitioning from deep to light.

#3AAFB9 · #7FD9EE · #A7D9E3

CSS variables

:root {
  --glacial-peak-horizon-1: #A7D9E3;
  --glacial-peak-horizon-2: #7FD9EE;
  --glacial-peak-horizon-3: #3AAFB9;
  --glacial-peak-horizon-4: #E0F2F7;
  --glacial-peak-horizon-5: #BACFD7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-peak-horizon": {
        1: "#A7D9E3",
        2: "#7FD9EE",
        3: "#3AAFB9",
        4: "#E0F2F7",
        5: "#BACFD7",
      }
    }
  }
}

Hex values

Color 1#A7D9E3

Color 2#7FD9EE

Color 3#3AAFB9

Color 4#E0F2F7

Color 5#BACFD7

Accessibility

Contrast checker

1:1Fail

1.7:1Fail

1.3:1Fail

1.1:1Fail

1:1Fail

1.6:1Fail

1.4:1Fail

1:1Fail

1.7:1Fail

1.6:1Fail

2.3:1Fail

1.6:1Fail

1.3:1Fail

1.4:1Fail

2.3:1Fail

1.4:1Fail

1.1:1Fail

1:1Fail

1.6:1Fail

1.4:1Fail

Similar palettes

More like Glacial Peak Horizon

Glacial Peak Horizon

See it in context.

Ready when you are.

Built with Glacial Peak Horizon.

How to use Glacial Peak Horizon

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Sky & Ice

Crisp Layers

Horizon Depth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Glacial Peak Horizon