Palette

Glacial Ice Formations

A breathtaking array mirroring the crisp, shimmering blues and whites of ancient ice formations.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacial Ice Formations 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 Ice Formations.

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

Data visualization

#4682B4#E0FFFF#C0C0C0#20B2AA#1E90FF

Palette guide

How to use Glacial Ice Formations

Overview

The Glacial Ice Formations palette offers a breathtaking array mirroring the crisp, shimmering blues and whites of ancient ice. Featuring the deep steel blue #4682B4, ethereal #E0FFFF, subtle gray #C0C0C0, refreshing teal #20B2AA, and a vibrant azure #1E90FF, this palette is versatile and dynamic. Designers can create visually rich interfaces that convey both strength and pristine clarity, while developers will appreciate the distinct shades for robust UI design. It's an excellent choice for projects that demand a blend of natural wonder and modern sophistication, evoking the stark beauty of icy landscapes and crystal forms.

Best used for

Environmental and conservation organizations
Winter sports and adventure branding
Modern tech and software interfaces
Educational content about nature
Minimalist art and photography showcases
Corporate communications with a natural theme

Suggested color roles

primary

Designate #1E90FF as the vibrant primary color for key brand elements, main headings, or crucial interactive components, demanding attention.

secondary

Use #4682B4 for subheadings, main content areas, or supporting graphics, providing a stable and trustworthy blue.

accent

Apply #20B2AA for dynamic highlights, call-to-action buttons, or small icon details to add a refreshing, unique pop.

background

Utilize #E0FFFF as the main background color, offering an incredibly light, clean, and ethereal canvas that enhances clarity.

text

For optimal readability, use a dark charcoal or black for all body text, as #C0C0C0 is too light for general text on light backgrounds.

Accessibility notes

Crucially, #C0C0C0 is too light for text on any light background; use a much darker gray or black for body text to meet WCAG AA standards.
Ensure #E0FFFF has strong contrast with any text placed upon it, ideally using #1E90FF, #4682B4, or a dark charcoal.
The accent color #20B2AA must have sufficient contrast when used for interactive elements against its background.
Avoid using #E0FFFF for text on a white or very light background due to extremely low contrast.

Recommended combinations

Icy Contrast

Creates a striking, legible layout with a bright background and strong primary and secondary blues.

#E0FFFF · #1E90FF · #4682B4

Winter Teal

Excellent for a fresh, modern theme where teal provides a unique accent against classic blues.

#E0FFFF · #20B2AA · #4682B4

Stark Elements

Ideal for graphic elements or sections where a neutral gray provides a base for vibrant blue and teal accents.

#C0C0C0 · #1E90FF · #20B2AA

CSS variables

:root {
  --glacial-ice-formations-1: #4682B4;
  --glacial-ice-formations-2: #E0FFFF;
  --glacial-ice-formations-3: #C0C0C0;
  --glacial-ice-formations-4: #20B2AA;
  --glacial-ice-formations-5: #1E90FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-ice-formations": {
        1: "#4682B4",
        2: "#E0FFFF",
        3: "#C0C0C0",
        4: "#20B2AA",
        5: "#1E90FF",
      }
    }
  }
}

Hex values

Color 1#4682B4

Color 2#E0FFFF

Color 3#C0C0C0

Color 4#20B2AA

Color 5#1E90FF

Accessibility

Contrast checker

3.9:1AA18

2.3:1Fail

1.6:1Fail

1.3:1Fail

3.9:1AA18

1.7:1Fail

2.5:1Fail

3.1:1AA18

2.3:1Fail

1.7:1Fail

1.4:1Fail

1.8:1Fail

1.6:1Fail

2.5:1Fail

1.4:1Fail

1.2:1Fail

1.3:1Fail

3.1:1AA18

1.8:1Fail

1.2:1Fail

Similar palettes

More like Glacial Ice Formations