Back to palettes

Palette

Arctic Fox Fur

A subtle, monochrome palette inspired by the soft, pristine hues of an arctic fox's winter fur.

monochromeminimal5 colors
More monochrome 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

#D8DCE0#C2C6CA#AEB2B6#979CA0#EAECEF

Palette guide

How to use Arctic Fox Fur

Overview

The Arctic Fox Fur palette offers a subtle, monochrome collection inspired by the soft, pristine hues of an arctic fox's winter fur. This gentle range features the very light, almost white gray of #EAECEF (Light Steel Blue) and the slightly deeper, cool gray of #D8DCE0 (Light Grayish Blue). Further along, we find the clear, muted gray of #C2C6CA (Light Slate Gray) and the more pronounced medium gray of #AEB2B6 (Light Steel Blue). The palette culminates in the richer, deeper gray of #979CA0 (Slate Gray), 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 #EAECEF (Light Steel Blue) as the dominant background color to create an open, clean, and expansive feel.

secondary

#D8DCE0 (Light Grayish Blue) or #C2C6CA (Light Slate Gray) can be used for content cards, sidebars, or subtle dividers, adding gentle visual hierarchy.

accent

#979CA0 (Slate Gray) is an excellent choice for primary text, important links, or calls-to-action, offering strong contrast and clarity.

background

#EAECEF provides a serene, cool base, allowing for easy readability with darker text.

text

For text on light backgrounds, use #979CA0 or black. For text on dark backgrounds like #979CA0, use white.

Accessibility notes

  • Ensure #979CA0 or black text has sufficient contrast against light backgrounds like #EAECEF, #D8DCE0, and #C2C6CA.
  • Avoid using adjacent light grays (e.g., #EAECEF and #D8DCE0) 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

Soft Fur

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

#EAECEF · #C2C6CA · #979CA0

Winter Coat

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

#D8DCE0 · #AEB2B6 · #EAECEF

Shadowed Pelt

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

#979CA0 · #EAECEF · #C2C6CA

CSS variables

:root {
  --arctic-fox-fur-2-1: #D8DCE0;
  --arctic-fox-fur-2-2: #C2C6CA;
  --arctic-fox-fur-2-3: #AEB2B6;
  --arctic-fox-fur-2-4: #979CA0;
  --arctic-fox-fur-2-5: #EAECEF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-fox-fur-2": {
        1: "#D8DCE0",
        2: "#C2C6CA",
        3: "#AEB2B6",
        4: "#979CA0",
        5: "#EAECEF",
      }
    }
  }
}

Related searches

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

Palette colors

Hex values

Color 1#D8DCE0
·
Color 2#C2C6CA
·
Color 3#AEB2B6
·
Color 4#979CA0
·
Color 5#EAECEF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
2:1Fail
1.2:1Fail
2
1.2:1Fail
1.2:1Fail
1.6:1Fail
1.5:1Fail
3
1.5:1Fail
1.2:1Fail
1.3:1Fail
1.8:1Fail
4
2:1Fail
1.6:1Fail
1.3:1Fail
2.3:1Fail
5
1.2:1Fail
1.5:1Fail
1.8:1Fail
2.3:1Fail

Similar palettes

More like Arctic Fox Fur

View all monochrome