Back to palettes

Palette

Arctic Fox Fur

Inspired by the pristine and understated elegance of arctic landscapes and creature coats.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#ECF0F1#BDC3C7#95A5A6#2C3E50#7F8C8D

Palette guide

How to use Arctic Fox Fur

Overview

The Arctic Fox Fur palette is inspired by the pristine and understated elegance of arctic landscapes and creature coats, offering a sophisticated range of cool grays. This minimalist collection features the very light, almost white gray of #ECF0F1 (Clouds) and the slightly deeper, cool gray of #BDC3C7 (Silver). Mid-tones include the clear, muted gray of #95A5A6 (Cadet Blue) and the more pronounced medium gray of #7F8C8D (Asbestos). The palette culminates in the rich, deep almost-black of #2C3E50 (Wet Asphalt), providing a strong, grounding anchor. Designers can leverage these hues for projects needing a minimalist, elegant, and subtly natural aesthetic, while developers will find them ideal for clean, professional, and intuitive interfaces.

Best used for

  • Minimalist website and app designs
  • Corporate and professional branding
  • Technical documentation or software interfaces
  • Luxury product showcases
  • Photography portfolios with a stark, modern aesthetic
  • Architectural or interior design visualization

Suggested color roles

primary

Use #ECF0F1 (Clouds) as the dominant background color to create an open, clean, and expansive feel.

secondary

#BDC3C7 (Silver) or #95A5A6 (Cadet Blue) can be used for content cards, sidebars, or subtle dividers, adding gentle visual hierarchy.

accent

#2C3E50 (Wet Asphalt) is an excellent choice for primary text, important links, or calls-to-action, offering strong contrast and clarity.

background

#ECF0F1 provides a pristine, almost white canvas, perfect for uncluttered, serene layouts.

text

For text on light backgrounds, use #2C3E50 or black. For text on dark backgrounds like #2C3E50, use white.

Accessibility notes

  • Ensure #2C3E50 or black text has sufficient contrast against light backgrounds like #ECF0F1, #BDC3C7, and #95A5A6.
  • Avoid using adjacent light grays (e.g., #ECF0F1 and #BDC3C7) for small text or critical UI elements due to very low contrast.
  • Ensure interactive elements have clear visual states (hover, focus) that provide adequate contrast.
  • Always verify contrast ratios for all text and interactive elements using accessibility tools.

Recommended combinations

Pristine Coat

A strong, professional combination for main content and primary actions.

#ECF0F1 · #95A5A6 · #2C3E50

Winter Shadow

Creates a subtle layered effect, suitable for informational panels or secondary elements.

#BDC3C7 · #7F8C8D · #ECF0F1

Deep Frost

Provides depth and a modern aesthetic, good for headers or bold typography.

#2C3E50 · #ECF0F1 · #95A5A6

CSS variables

:root {
  --arctic-fox-fur-1: #ECF0F1;
  --arctic-fox-fur-2: #BDC3C7;
  --arctic-fox-fur-3: #95A5A6;
  --arctic-fox-fur-4: #2C3E50;
  --arctic-fox-fur-5: #7F8C8D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-fox-fur": {
        1: "#ECF0F1",
        2: "#BDC3C7",
        3: "#95A5A6",
        4: "#2C3E50",
        5: "#7F8C8D",
      }
    }
  }
}

Related searches

monochrome gray palettecool minimalist designprofessional gray white schemearctic fox fur colorssubtle cool ui

Palette colors

Hex values

Color 1#ECF0F1
·
Color 2#BDC3C7
·
Color 3#95A5A6
·
Color 4#2C3E50
·
Color 5#7F8C8D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.2:1Fail
9.6:1AAA
3:1AA18
2
1.6:1Fail
1.4:1Fail
6.2:1AA
2:1Fail
3
2.2:1Fail
1.4:1Fail
4.3:1AA18
1.4:1Fail
4
9.6:1AAA
6.2:1AA
4.3:1AA18
3.2:1AA18
5
3:1AA18
2:1Fail
1.4:1Fail
3.2:1AA18

Similar palettes

More like Arctic Fox Fur

View all neutral
Arctic Fox Whisper
Calm Interior Lines
Clerestory Beam
Gallery Wall Calm
Linen Fresh
Minimal Silent Canvas