Back to palettes

Palette

Arctic Fox Snow

Crisp blues and greys reflect the serene beauty of arctic snow and distant ice.

coolminimal5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C5D3DF#9BB3C4#6B8FA6#456D84#2B4B60

Palette guide

How to use Arctic Fox Snow

Overview

The Arctic Fox Snow palette offers a serene and crisp aesthetic, blending cool blues and soft greys to evoke the tranquil beauty of arctic snowscapes and distant ice. Featuring shades like the light, airy #C5D3DF to the deep, grounding #2B4B60, this collection is perfect for creating minimalist designs that convey calm and professionalism. Its balanced range of cool tones, including the mid-range #6B8FA6, provides versatility for UI elements, branding, and sophisticated digital experiences. Developers will appreciate the clear progression of shades for defining visual hierarchy, ensuring a cohesive and tranquil user interface.

Best used for

  • Corporate websites and branding
  • Minimalist UI design
  • Winter-themed digital campaigns
  • Serene lifestyle applications
  • Architectural portfolio presentations
  • Data visualizations requiring a calm backdrop

Suggested color roles

primary

#456D84 (A strong, yet muted blue for main headers, buttons, or key UI elements that command attention without being overly bold.)

secondary

#6B8FA6 (A versatile mid-tone blue-grey, ideal for subheadings, active states, or supporting graphical elements, providing depth and continuity.)

accent

#9BB3C4 (A lighter, softer blue-grey that can highlight interactive elements, small icons, or subtle design accents, adding a touch of gentle contrast.)

background

#C5D3DF (A very light, cool blue-grey, excellent for clean, expansive backgrounds that promote readability and a sense of openness.)

text

#2B4B60 (A deep, dark blue-grey, providing excellent contrast against lighter backgrounds for body text and important labels, ensuring readability.)

Accessibility notes

  • Ensure #2B4B60 text on #C5D3DF background meets WCAG AAA standards for optimal readability.
  • Avoid using #9BB3C4 as text on #C5D3DF without sufficient size or weight due to potentially low contrast.
  • When using #456D84 for interactive elements, ensure its contrast with surrounding background colors is adequate for focus states.
  • For any critical information, pair darker blues like #2B4B60 with the lightest background, #C5D3DF.

Recommended combinations

Deep Contrast

Ideal for high-contrast text and primary call-to-action buttons on a clean background.

#C5D3DF · #2B4B60 · #456D84

Subtle Depth

Perfect for layered UI elements, card backgrounds, or subtle gradients that require gentle distinction.

#9BB3C4 · #6B8FA6 · #C5D3DF

Highlight & Detail

Use the darkest for main content, the mid-tone for secondary info, and the lightest for highlights or dividers.

#456D84 · #9BB3C4 · #C5D3DF

CSS variables

:root {
  --arctic-fox-snow-1: #C5D3DF;
  --arctic-fox-snow-2: #9BB3C4;
  --arctic-fox-snow-3: #6B8FA6;
  --arctic-fox-snow-4: #456D84;
  --arctic-fox-snow-5: #2B4B60;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-fox-snow": {
        1: "#C5D3DF",
        2: "#9BB3C4",
        3: "#6B8FA6",
        4: "#456D84",
        5: "#2B4B60",
      }
    }
  }
}

Related searches

minimalist blue grey palettearctic inspired color schemecool tone winter colorsserene UI design paletteprofessional blue grey branding

Palette colors

Hex values

Color 1#C5D3DF
·
Color 2#9BB3C4
·
Color 3#6B8FA6
·
Color 4#456D84
·
Color 5#2B4B60
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.3:1Fail
3.6:1AA18
6:1AA
2
1.4:1Fail
1.6:1Fail
2.6:1Fail
4.2:1AA18
3
2.3:1Fail
1.6:1Fail
1.6:1Fail
2.7:1Fail
4
3.6:1AA18
2.6:1Fail
1.6:1Fail
1.7:1Fail
5
6:1AA
4.2:1AA18
2.7:1Fail
1.7:1Fail

Similar palettes

More like Arctic Fox Snow

View all cool
Arctic Fox Fur
Arctic Shoreline Chill
Arctic Sky Drift
Arctic Sunset Ice
Frosted Winter Glaze
Frozen Tundra Petals