Back to palettes

Palette

Arctic Fox Whisper

A pristine blend of cool whites and greys, inspired by the serene grace of an arctic fox in snow.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E8ECEC#C3D1D7#98ADBF#6A8C9E#D5DEE2

Palette guide

How to use Arctic Fox Whisper

Overview

The Arctic Fox Whisper palette offers a pristine and ethereal blend of cool whites and soft greys, mirroring the serene grace of an arctic fox in snow. With shades ranging from the almost-white #E8ECEC to the deeper #6A8C9E, this collection is perfect for designers seeking a minimalist aesthetic that conveys purity, calm, and sophistication. The inclusion of #C3D1D7 and #98ADBF provides subtle depth and texture, allowing for elegant visual hierarchies in UI, branding, and editorial design. It's an excellent choice for projects requiring a clean, understated, and highly legible visual identity.

Best used for

  • Luxury branding and websites
  • Minimalist photography portfolios
  • Clean UI for lifestyle apps
  • Winter fashion editorial design
  • Spa and wellness digital presence
  • High-end product packaging

Suggested color roles

primary

#6A8C9E (A medium blue-grey, strong enough for main titles or key interactive elements while maintaining the palette's calm mood.)

secondary

#98ADBF (A lighter, muted blue-grey, ideal for subheadings, secondary buttons, or subtle graphical accents that need to stand out gently.)

accent

#C3D1D7 (A very light, cool grey that can be used for subtle highlights, hover states, or delicate design flourishes without disrupting the serenity.)

background

#E8ECEC (A soft, near-white background color that provides a pristine canvas, enhancing readability and a sense of spaciousness.)

text

#6A8C9E (The darkest blue-grey offers sufficient contrast for body text on lighter backgrounds, ensuring clear and comfortable reading.)

Accessibility notes

  • Ensure #6A8C9E text on #E8ECEC provides sufficient contrast for readability, particularly for smaller fonts.
  • Avoid using lighter shades like #C3D1D7 or #D5DEE2 for text on #E8ECEC, as contrast will likely be insufficient.
  • Consider using a slightly darker grey or black for critical text elements if WCAG AA or AAA compliance is strictly required for all text sizes.
  • Verify contrast ratios for interactive elements against their backgrounds to ensure they are easily discernible.

Recommended combinations

Clean Elegance

Perfect for pristine web backgrounds with clear, legible text and subtle interactive elements.

#E8ECEC · #6A8C9E · #C3D1D7

Layered Depth

Use for cards, modal backgrounds, and nested UI components to create gentle visual separation.

#C3D1D7 · #98ADBF · #6A8C9E

Subtle Highlight

Ideal for hover states, selected items, or minor graphical accents against a light background.

#D5DEE2 · #6A8C9E · #E8ECEC

CSS variables

:root {
  --arctic-fox-whisper-2-1: #E8ECEC;
  --arctic-fox-whisper-2-2: #C3D1D7;
  --arctic-fox-whisper-2-3: #98ADBF;
  --arctic-fox-whisper-2-4: #6A8C9E;
  --arctic-fox-whisper-2-5: #D5DEE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-fox-whisper-2": {
        1: "#E8ECEC",
        2: "#C3D1D7",
        3: "#98ADBF",
        4: "#6A8C9E",
        5: "#D5DEE2",
      }
    }
  }
}

Related searches

minimalist white grey paletteserene cool tone colorsarctic inspired UI designelegant neutral color schemesubtle blue grey branding

Palette colors

Hex values

Color 1#E8ECEC
·
Color 2#C3D1D7
·
Color 3#98ADBF
·
Color 4#6A8C9E
·
Color 5#D5DEE2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.9:1Fail
3:1AA18
1.1:1Fail
2
1.3:1Fail
1.5:1Fail
2.3:1Fail
1.1:1Fail
3
1.9:1Fail
1.5:1Fail
1.5:1Fail
1.7:1Fail
4
3:1AA18
2.3:1Fail
1.5:1Fail
2.6:1Fail
5
1.1:1Fail
1.1:1Fail
1.7:1Fail
2.6:1Fail

Similar palettes

More like Arctic Fox Whisper

View all neutral
Arctic Fox Fur
Calm Interior Lines
Ceramic Glaze Stillness
Clerestory Beam
Cool Linen Breeze
Dusky Harbor Stone