Back to palettes

Palette

Arctic Ice Grotto

Explores the cold, ethereal beauty of deep glacial ice, from dark blues to frosty whites.

coolminimal5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arctic Ice Grotto 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 Arctic Ice Grotto.

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

Data visualization

#2B415C#4E6F8E#7AA1BD#B8DDEB#1A2E3E

Palette guide

How to use Arctic Ice Grotto

Overview

The Arctic Ice Grotto palette explores the cold, ethereal beauty of deep glacial ice, from dark blues to frosty whites. Ranging from the deep #1A2E3E to the luminous #B8DDEB, this collection offers designers and developers a cool, mysterious aesthetic perfect for conveying sophistication, depth, and a sense of wonder. The prominent #2B415C and #4E6F8E provide a clear progression of cool tones, allowing for elegant visual hierarchies in UI design, impactful branding, and immersive digital experiences. It's an excellent choice for projects that aim to evoke professionalism, mystique, and a powerful, cool identity.

Best used for

  • Luxury tech branding
  • Sci-fi or fantasy game interfaces
  • Deep-sea exploration websites
  • High-end automotive design showcases
  • Abstract digital art displays
  • Corporate websites with a modern, serious tone

Suggested color roles

primary

#4E6F8E (A versatile medium blue-grey, excellent for main headings, crucial call-to-action buttons, or key UI elements that command attention.)

secondary

#7AA1BD (A lighter, serene blue-grey, ideal for subheadings, secondary interactive elements, or supporting graphical features, providing gentle contrast.)

accent

#B8DDEB (A very light, cool blue-white, perfect for delicate highlights, hover states, or subtle design accents that need to glimmer against darker tones.)

background

#1A2E3E (A very deep, dark navy-blue, serving as a powerful and mysterious backdrop that enhances readability for lighter text and creates depth.)

text

#B8DDEB (The lightest color in the palette, providing excellent contrast for body text on the darkest backgrounds, ensuring high readability.)

Accessibility notes

  • Ensure #B8DDEB text on #1A2E3E background meets WCAG AAA standards for optimal readability.
  • Avoid using #7AA1BD or #4E6F8E for text on #2B415C without checking contrast ratios carefully, especially for smaller text.
  • When using #4E6F8E for interactive elements, ensure its contrast with surrounding background colors is adequate for focus states.
  • For critical information, always pair the lightest available color, #B8DDEB, with the darkest background, #1A2E3E.

Recommended combinations

Deep Contrast

Ideal for dark mode interfaces with luminous text and medium blue-grey accents for calls to action.

#1A2E3E · #B8DDEB · #4E6F8E

Grotto Depth

Use for creating visual depth in layered UI components, overlays, or complex graphical elements.

#2B415C · #4E6F8E · #7AA1BD

Icy Highlight

Apply the medium blue-grey for focal points, with the darkest for background and the lightest for subtle highlights.

#4E6F8E · #1A2E3E · #B8DDEB

CSS variables

:root {
  --arctic-ice-grotto-1: #2B415C;
  --arctic-ice-grotto-2: #4E6F8E;
  --arctic-ice-grotto-3: #7AA1BD;
  --arctic-ice-grotto-4: #B8DDEB;
  --arctic-ice-grotto-5: #1A2E3E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-ice-grotto": {
        1: "#2B415C",
        2: "#4E6F8E",
        3: "#7AA1BD",
        4: "#B8DDEB",
        5: "#1A2E3E",
      }
    }
  }
}

Related searches

dark blue grey ice palettearctic grotto color schememysterious UI design bluedeep cool brandingglacial dark web colors

Palette colors

Hex values

Color 1#2B415C
·
Color 2#4E6F8E
·
Color 3#7AA1BD
·
Color 4#B8DDEB
·
Color 5#1A2E3E
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.8:1AA18
7.2:1AAA
1.3:1Fail
2
2:1Fail
1.9:1Fail
3.7:1AA18
2.7:1Fail
3
3.8:1AA18
1.9:1Fail
1.9:1Fail
5.1:1AA
4
7.2:1AAA
3.7:1AA18
1.9:1Fail
9.7:1AAA
5
1.3:1Fail
2.7:1Fail
5.1:1AA
9.7:1AAA

Similar palettes

More like Arctic Ice Grotto

View all cool
Arctic Glacier Bloom
Arctic Glacier Sparkle
Arctic Ice Crystal
Arctic Tundra Chill
Iceberg Formation Blues
Arctic Fox Shadow