Back to palettes

Palette

Arctic Frost Jewel

Shimmering shades of cool blue and crystalline white, mirroring the pristine beauty and sparkling ice of arctic landscapes.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arctic Frost Jewel 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 Frost Jewel.

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

Data visualization

#B0E0E6#ADD8E6#87CEEB#4682B4#4169E1

Palette guide

How to use Arctic Frost Jewel

Overview

The Arctic Frost Jewel palette shimmers with cool blues and crystalline whites, mirroring the pristine beauty and sparkling ice of arctic landscapes. Featuring a vibrant spectrum from the soft #B0E0E6 to the deep #4169E1, this collection offers designers and developers a refreshing and captivating aesthetic. The prominent #ADD8E6 and #87CEEB provide a clear progression of icy tones, ideal for creating dynamic visual hierarchies in UI, impactful branding, and engaging digital experiences. It’s an excellent choice for projects that aim to convey freshness, clarity, and a touch of vibrant, natural elegance.

Best used for

  • Jewelry and luxury brand websites
  • Winter sports and outdoor adventure marketing
  • High-tech product interfaces
  • Environmental awareness campaigns
  • Digital art and illustration
  • Children's educational apps (cool tones)

Suggested color roles

primary

#4682B4 (A strong, medium steel blue, excellent for main headings, important call-to-action buttons, or key UI elements that need to stand out.)

secondary

#87CEEB (A bright, sky blue, ideal for subheadings, secondary interactive elements, or supporting graphical features, providing vibrancy.)

accent

#4169E1 (A rich, royal blue, perfect for striking accents, hover states, or small but impactful elements that demand attention.)

background

#B0E0E6 (A light, cool blue, serving as a serene backdrop that enhances readability and provides a fresh, open feel.)

text

#4682B4 (The steel blue provides good contrast for body text on lighter backgrounds, ensuring comfortable reading.)

Accessibility notes

  • Ensure #4682B4 text on #B0E0E6 background meets WCAG AA standards; for AAA, verify contrast, especially for smaller text.
  • Avoid using #B0E0E6 or #ADD8E6 for text on similar light backgrounds, as contrast will be insufficient.
  • The vibrant #4169E1 accent should be tested for contrast when used with text or interactive elements on lighter blues.
  • Always check contrast ratios for critical information and interactive components to ensure optimal readability for all users.

Recommended combinations

Vibrant Contrast

Ideal for a clean background with strong primary text and a bold accent for calls to action.

#B0E0E6 · #4682B4 · #4169E1

Icy Progression

Use for creating visual depth in layered UI components or a subtle gradient in hero sections.

#ADD8E6 · #87CEEB · #4682B4

Sparkling Accents

Apply the bold blue for focal points, with the lighter blues providing a fresh context.

#4169E1 · #B0E0E6 · #87CEEB

CSS variables

:root {
  --arctic-frost-jewel-1: #B0E0E6;
  --arctic-frost-jewel-2: #ADD8E6;
  --arctic-frost-jewel-3: #87CEEB;
  --arctic-frost-jewel-4: #4682B4;
  --arctic-frost-jewel-5: #4169E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-frost-jewel": {
        1: "#B0E0E6",
        2: "#ADD8E6",
        3: "#87CEEB",
        4: "#4682B4",
        5: "#4169E1",
      }
    }
  }
}

Related searches

vibrant icy blue palettecool crystal color schemearctic blue brandingfresh UI design with bluejewel tone winter colors

Palette colors

Hex values

Color 1#B0E0E6
·
Color 2#ADD8E6
·
Color 3#87CEEB
·
Color 4#4682B4
·
Color 5#4169E1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
2.9:1Fail
3.4:1AA18
2
1.1:1Fail
1.1:1Fail
2.7:1Fail
3.2:1AA18
3
1.2:1Fail
1.1:1Fail
2.4:1Fail
2.8:1Fail
4
2.9:1Fail
2.7:1Fail
2.4:1Fail
1.2:1Fail
5
3.4:1AA18
3.2:1AA18
2.8:1Fail
1.2:1Fail

Similar palettes

More like Arctic Frost Jewel

View all cool
Arctic Glacier Melt
Arctic Lake Glass
Arctic Whisper Glade
Cool Glacier Mist
Glacial Ice Grotto
Glacier Ridge Chill