Back to palettes

Palette

Polar Ice Serenity

Serene blues and pristine whites reflecting the calm, yet immense power of icy glaciers and untouched polar landscapes.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Polar Ice Serenity 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 Polar Ice Serenity.

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

Data visualization

#003366#336699#6699CC#B0E0E6#F0F8FF

Palette guide

How to use Polar Ice Serenity

Overview

The Polar Ice Serenity palette embodies the tranquil power of glacial landscapes, offering a deep and calming spectrum of blues and whites. It begins with a profound navy, #003366, setting a tone of deep stability and trust. This transitions smoothly through a classic medium blue, #336699, and a softer sky blue, #6699CC, creating a sense of cool progression. A serene pale blue, #B0E0E6, introduces lightness, culminating in an ethereal near-white, #F0F8FF, reminiscent of fresh snow. This palette is perfect for designs that require a sense of calm, professionalism, and pristine clarity, making it ideal for corporate, wellness, or technology-focused projects.

Best used for

  • Corporate websites and branding
  • Medical and healthcare applications
  • Educational platforms
  • Financial services interfaces
  • Winter sports apparel design
  • Clean tech and innovation concepts

Suggested color roles

primary

#003366 (Deep Navy) - Excellent for foundational elements, prominent headers, or as a strong, trustworthy background color.

secondary

#336699 (Medium Blue) - Ideal for subheadings, navigation, or informational graphics, providing a solid yet approachable presence.

accent

#B0E0E6 (Pale Blue) - Use sparingly for interactive elements, highlights, or subtle calls-to-action to add a touch of lightness and draw attention.

background

#F0F8FF (Near White) - Provides a crisp, clean, and spacious backdrop, enhancing readability and giving a sense of openness and purity.

text

#003366 (Deep Navy) - Best for primary body text over lighter backgrounds like #F0F8FF, ensuring high readability and a professional appearance. A standard black can also be used for maximum contrast.

Accessibility notes

  • The contrast between #003366 and #F0F8FF is excellent for readability, making it a strong choice for text and background.
  • Avoid using #B0E0E6 for small text on very light backgrounds as it may lack sufficient contrast.
  • Ensure interactive elements using lighter blues have clear hover/focus states, perhaps by darkening the blue or adding an underline.
  • Test color combinations, especially for links and buttons, to meet WCAG AA standards for contrast.

Recommended combinations

Glacier Depth

A highly readable and professional combination for corporate websites or reports, offering strong contrast.

#003366 · #F0F8FF · #336699

Serene Flow

Perfect for creating subtle visual hierarchies or layered designs in user interfaces, suggesting calm progression.

#336699 · #6699CC · #B0E0E6

Icy Clarity

A clean and modern trio for branding logos or key informational displays, emphasizing purity and precision.

#003366 · #B0E0E6 · #F0F8FF

CSS variables

:root {
  --polar-ice-serenity-1: #003366;
  --polar-ice-serenity-2: #336699;
  --polar-ice-serenity-3: #6699CC;
  --polar-ice-serenity-4: #B0E0E6;
  --polar-ice-serenity-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "polar-ice-serenity": {
        1: "#003366",
        2: "#336699",
        3: "#6699CC",
        4: "#B0E0E6",
        5: "#F0F8FF",
      }
    }
  }
}

Related searches

serene blue white palettecool glacier colorsprofessional navy blue schemeclean tech bluescalm corporate colors

Palette colors

Hex values

Color 1#003366
·
Color 2#336699
·
Color 3#6699CC
·
Color 4#B0E0E6
·
Color 5#F0F8FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
4.2:1AA18
8.8:1AAA
11.8:1AAA
2
2.1:1Fail
2:1Fail
4.2:1AA18
5.6:1AA
3
4.2:1AA18
2:1Fail
2.1:1Fail
2.8:1Fail
4
8.8:1AAA
4.2:1AA18
2.1:1Fail
1.3:1Fail
5
11.8:1AAA
5.6:1AA
2.8:1Fail
1.3:1Fail

Similar palettes

More like Polar Ice Serenity

View all cool
Arctic Lake Glass
Arctic Whisper Glade
Cool Glacier Lagoon
Frosted Lakeside Calm
Frosty Glacier Lagoon
Frozen Lake Shimmer