Palette

Arctic Fox Camouflage

Subtle shades of cool grey and white, perfectly capturing the blending fur of an arctic fox in winter snow.

MonochromeMinimal5 colors

More Monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#DCE0E3#BCC3C8#9BA7AF#6A7B87#485A65

Palette guide

How to use Arctic Fox Camouflage

Overview

The Arctic Fox Camouflage palette captures the subtle, blending fur of an arctic fox in winter snow, presenting a sophisticated range of cool grays. This monochrome collection moves from the very light, almost white gray of #DCE0E3 (Light Grayish Blue) to the slightly deeper, cool gray of #BCC3C8 (Light Slate Gray). Further along, we find the clear, muted gray of #9BA7AF (Light Grayish Blue) and the more pronounced medium gray of #6A7B87 (Slate Gray). The palette culminates in the richer, deeper gray of #485A65 (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 #DCE0E3 (Light Grayish Blue) as the dominant background color to create an open, clean, and expansive feel.

secondary

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

accent

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

background

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

text

For text on light backgrounds, use #485A65 or black. For text on dark backgrounds like #485A65, use white.

Accessibility notes

Ensure #485A65 or black text has sufficient contrast against light backgrounds like #DCE0E3, #BCC3C8, and #9BA7AF.
Avoid using adjacent light grays (e.g., #DCE0E3 and #BCC3C8) 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

Snowy Blend

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

#DCE0E3 · #9BA7AF · #485A65

Misty Fur

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

#BCC3C8 · #6A7B87 · #DCE0E3

Shadowed Coat

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

#485A65 · #DCE0E3 · #9BA7AF

CSS variables

:root {
  --arctic-fox-camouflage-1: #DCE0E3;
  --arctic-fox-camouflage-2: #BCC3C8;
  --arctic-fox-camouflage-3: #9BA7AF;
  --arctic-fox-camouflage-4: #6A7B87;
  --arctic-fox-camouflage-5: #485A65;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-fox-camouflage": {
        1: "#DCE0E3",
        2: "#BCC3C8",
        3: "#9BA7AF",
        4: "#6A7B87",
        5: "#485A65",
      }
    }
  }
}

Hex values

Color 1#DCE0E3

Color 2#BCC3C8

Color 3#9BA7AF

Color 4#6A7B87

Color 5#485A65

Accessibility

Contrast checker

1.3:1Fail

1.9:1Fail

3.3:1AA18

5.4:1AA

1.3:1Fail

1.4:1Fail

2.5:1Fail

4:1AA18

1.9:1Fail

1.4:1Fail

1.8:1Fail

2.9:1Fail

3.3:1AA18

2.5:1Fail

1.8:1Fail

1.6:1Fail

5.4:1AA

4:1AA18

2.9:1Fail

1.6:1Fail

Similar palettes

More like Arctic Fox Camouflage

View all Monochrome

Minimalist Loft Whites

Abstract Urban Canvas