Palette

Alpine Ridge Frost

Crisp, icy blues and grays capture the breathtaking grandeur of a snowy alpine peak.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Alpine Ridge Frost 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 Alpine Ridge Frost.

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

Data visualization

#708090#ADD8E6#E0FFFF#B0E0E6#6A5ACD

Palette guide

How to use Alpine Ridge Frost

Overview

The Alpine Ridge Frost palette captures the breathtaking grandeur of a snowy alpine peak with its crisp, icy blues and cool grays. It features the sophisticated slate gray #708090, complementing the ethereal pale blue #E0FFFF and the refreshing aqua #ADD8E6 and #B0E0E6. A striking, unexpected deep lavender blue, #6A5ACD, provides a dramatic accent, preventing the palette from becoming too monochromatic. This combination is ideal for designers and developers seeking a clean, elegant, and refreshing aesthetic with a touch of unique flair. It excels in projects requiring a sense of clarity, spaciousness, or modern sophistication, from tech interfaces to luxury brands.

Best used for

Winter sports equipment branding
Luxury tech gadgets or interfaces
High-end fashion collections
Minimalist website designs
Abstract art or photography themes
Sophisticated event branding

Suggested color roles

primary

Use #708090 as a sophisticated, grounding gray for primary content, conveying stability and elegance.

secondary

Apply #ADD8E6 as a refreshing, versatile aqua blue for secondary elements, adding coolness and clarity.

accent

Employ #6A5ACD as a dramatic, unique lavender blue pop for striking calls-to-action or distinctive highlights.

background

Utilize #E0FFFF as a pristine, airy, icy white base, creating a sense of spaciousness and purity.

text

Set body text in #708090 for clear, readable text on light backgrounds, ensuring excellent legibility.

Accessibility notes

Text in #708090 on #E0FFFF background offers excellent contrast, ensuring readability for all users.
Ensure #6A5ACD text on lighter blues like #ADD8E6 meets contrast guidelines, as it's a key accent.
Avoid using #B0E0E6 for small text on #ADD8E6 background due to low contrast, impacting legibility.
Use the accent color sparingly for critical elements that need to stand out, considering colorblindness.

Recommended combinations

Icy Contrast

Creates a striking, modern contrast, ideal for headers, calls-to-action, or feature highlights.

#708090 · #6A5ACD · #E0FFFF

Snowy Blues

A light, ethereal combination perfect for backgrounds, subtle gradients, or decorative elements.

#E0FFFF · #ADD8E6 · #B0E0E6

Ridge Shadows

Provides a balanced, sophisticated look, suitable for data visualization or UI elements requiring clarity.

#708090 · #ADD8E6 · #6A5ACD

CSS variables

:root {
  --alpine-ridge-frost-1: #708090;
  --alpine-ridge-frost-2: #ADD8E6;
  --alpine-ridge-frost-3: #E0FFFF;
  --alpine-ridge-frost-4: #B0E0E6;
  --alpine-ridge-frost-5: #6A5ACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "alpine-ridge-frost": {
        1: "#708090",
        2: "#ADD8E6",
        3: "#E0FFFF",
        4: "#B0E0E6",
        5: "#6A5ACD",
      }
    }
  }
}

Hex values

Color 1#708090

Color 2#ADD8E6

Color 3#E0FFFF

Color 4#B0E0E6

Color 5#6A5ACD

Accessibility

Contrast checker

2.7:1Fail

3.8:1AA18

2.8:1Fail

1.3:1Fail

2.7:1Fail

1.4:1Fail

1.1:1Fail

3.5:1AA18

3.8:1AA18

1.4:1Fail

5:1AA

2.8:1Fail

1.1:1Fail

1.4:1Fail

3.7:1AA18

1.3:1Fail

3.5:1AA18

5:1AA

3.7:1AA18

Similar palettes

More like Alpine Ridge Frost

Alpine Ridge Frost

See it in context.

Ready when you are.

Built with Alpine Ridge Frost.

How to use Alpine Ridge Frost

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Icy Contrast

Snowy Blues

Ridge Shadows

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Alpine Ridge Frost