Inuit Blue

#d8e4e7

Cooler, cleaner blue-gray for crisp interface headers

Save
Share

About Inuit Blue

On a light UI canvas, Inuit Blue feels like a morning window tint: still pale and calm, but it carries a clearer blue signal than the others in the Gray family. It's cooler than , with more saturation than , so it doesn't dissolve into "almost white." Compared to , it's less minty and more distinctly blue, so the undertone reads intentional rather than just softened.

I end up using it where a background needs to look clean without looking neutral-gray: dashboards and product surfaces in SaaS, settings screens in consumer apps, and editorial covers where you want the page to breathe. It also works well for healthcare and fintech shells when you want a calmer vibe than pure white but still need the interface to feel crisp.

One quirk: if you pair it with warm grays, it can make the whole layout feel a touch colder than you expect. Stick to cool or neutral text and accents for the most consistent result.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
1.30:1Fail

On Gray 100 #f5f5f5

Aa
1.19:1Fail

On Gray 900 #18181b

Aa
13.64:1AAA

On Black #000000

Aa
16.17:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#dae3e7
#dce3e4
#dae6e9
#dde3e7

Create a gradient with Inuit Blue

Open the generator with this color pre-loaded.

Start creating