Palette

Arctic Whispers Snow

A serene palette of whites and soft greys, mirroring the pristine quiet of a vast, snow-covered arctic landscape.

monochromeminimal5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arctic Whispers Snow 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 Whispers Snow.

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

Data visualization

#F5F7F8#D8DDE1#A7B1BA#73828F#E0E5E7

Palette guide

How to use Arctic Whispers Snow

Overview

The Arctic Whispers Snow palette embodies minimalist elegance and serene quietude, drawing inspiration from pristine, snow-covered landscapes. This monochromatic collection ranges from the near-white #F5F7F8 to the deep, sophisticated #73828F, with versatile mid-tones like #D8DDE1, #E0E5E7, and #A7B1BA. It’s an ideal choice for designers seeking a clean, timeless, and sophisticated aesthetic. These shades are perfect for creating spacious, uncluttered layouts, providing a backdrop that allows content to truly shine. Developers will appreciate its ability to adapt to various themes while maintaining a cohesive, high-end feel.

Best used for

Luxury brand websites and packaging
Minimalist architectural portfolios
Modern art gallery interfaces
Clean, corporate identity designs
High-end fashion e-commerce
Photography and visual arts showcase

Suggested color roles

primary

Use #A7B1BA as a sophisticated primary color for backgrounds or large sections, providing a subtle foundation.

secondary

Employ #D8DDE1 or #E0E5E7 for secondary panels, cards, or subtle UI elements, adding slight dimension.

accent

Apply #73828F sparingly for strong contrasts, important text, or impactful icons, giving depth and focus.

background

Utilize #F5F7F8 for expansive, clean backgrounds, creating an airy and pristine canvas.

text

For body text, #73828F provides excellent readability against lighter shades. For headings, a crisp black (e.g., #000000) or dark charcoal works well.

Accessibility notes

Ensure sufficient contrast for text on #F5F7F8 backgrounds; #73828F is a good choice for text.
Avoid using #D8DDE1 or #E0E5E7 for small text on #F5F7F8 as contrast will likely be insufficient.
Pair #73828F text on #F5F7F8 backgrounds to meet WCAG AA standards for readability.
Consider using a near-black for body text for optimal contrast across most lighter palette shades.

Recommended combinations

Pristine Snow

Creates a light, airy, and sophisticated feel, perfect for minimalist websites or elegant branding.

#F5F7F8 · #D8DDE1 · #A7B1BA

Winter Depth

Provides a strong contrast and depth, ideal for highlighting key information or calls to action.

#E0E5E7 · #A7B1BA · #73828F

Quiet Gradient

Useful for subtle background gradients or textured elements, adding visual interest without distraction.

#D8DDE1 · #A7B1BA · #E0E5E7

CSS variables

:root {
  --arctic-whispers-snow-1: #F5F7F8;
  --arctic-whispers-snow-2: #D8DDE1;
  --arctic-whispers-snow-3: #A7B1BA;
  --arctic-whispers-snow-4: #73828F;
  --arctic-whispers-snow-5: #E0E5E7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-whispers-snow": {
        1: "#F5F7F8",
        2: "#D8DDE1",
        3: "#A7B1BA",
        4: "#73828F",
        5: "#E0E5E7",
      }
    }
  }
}

Hex values

Color 1#F5F7F8

Color 2#D8DDE1

Color 3#A7B1BA

Color 4#73828F

Color 5#E0E5E7

Accessibility

Contrast checker

1.3:1Fail

2:1Fail

3.7:1AA18

1.2:1Fail

1.3:1Fail

1.6:1Fail

2.9:1Fail

1.1:1Fail

2:1Fail

1.6:1Fail

1.8:1Fail

1.7:1Fail

3.7:1AA18

2.9:1Fail

1.8:1Fail

3.1:1AA18

1.2:1Fail

1.1:1Fail

1.7:1Fail

3.1:1AA18

Similar palettes

More like Arctic Whispers Snow

Granite Peak Twilight