Back to palettes

Palette

Arctic Fox Fur

Soft, muted tones inspired by the subtle gradients of a winter landscape and a fox's coat.

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

#EAEAE4#C6C8CB#9AA3AC#7A8187#5B6369

Palette guide

How to use Arctic Fox Fur

Overview

The Arctic Fox Fur palette draws inspiration from the subtle gradients of a winter landscape and a fox's coat, offering soft, muted tones of cool grays. This minimalist collection features the very light, almost white gray of #EAEAE4 (Light Grayish Beige) and the slightly deeper, cool gray of #C6C8CB (Light Slate Gray). Further along, we find the clear, muted gray of #9AA3AC (Light Grayish Blue) and the more pronounced medium gray of #7A8187 (Slate Gray). The palette culminates in the richer, deeper gray of #5B6369 (Dark 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 #EAEAE4 (Light Grayish Beige) as the dominant background color to create an open, clean, and expansive feel.

secondary

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

accent

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

background

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

text

For text on light backgrounds, use #5B6369 or black. For text on dark backgrounds like #5B6369, use white.

Accessibility notes

  • Ensure #5B6369 or black text has sufficient contrast against light backgrounds like #EAEAE4, #C6C8CB, and #9AA3AC.
  • Avoid using adjacent light grays (e.g., #EAEAE4 and #C6C8CB) 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

Winter Coat

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

#EAEAE4 · #9AA3AC · #5B6369

Muted Snow

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

#C6C8CB · #7A8187 · #EAEAE4

Shadowed Pelt

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

#5B6369 · #EAEAE4 · #9AA3AC

CSS variables

:root {
  --arctic-fox-fur-5-1: #EAEAE4;
  --arctic-fox-fur-5-2: #C6C8CB;
  --arctic-fox-fur-5-3: #9AA3AC;
  --arctic-fox-fur-5-4: #7A8187;
  --arctic-fox-fur-5-5: #5B6369;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-fox-fur-5": {
        1: "#EAEAE4",
        2: "#C6C8CB",
        3: "#9AA3AC",
        4: "#7A8187",
        5: "#5B6369",
      }
    }
  }
}

Related searches

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

Palette colors

Hex values

Color 1#EAEAE4
·
Color 2#C6C8CB
·
Color 3#9AA3AC
·
Color 4#7A8187
·
Color 5#5B6369
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
3.3:1AA18
5.1:1AA
2
1.4:1Fail
1.5:1Fail
2.4:1Fail
3.6:1AA18
3
2.1:1Fail
1.5:1Fail
1.5:1Fail
2.4:1Fail
4
3.3:1AA18
2.4:1Fail
1.5:1Fail
1.5:1Fail
5
5.1:1AA
3.6:1AA18
2.4:1Fail
1.5:1Fail

Similar palettes

More like Arctic Fox Fur

View all neutral