What are the hex codes in the Blue Gray & Space Muse palette?

The Blue Gray & Space Muse color palette consists of Ice #E3E7EB, Fog #C1D0DB, Blue Gray #6B93B4, Space #142A41.

How should I use the Blue Gray & Space Muse palette on a website?

Use Ice #E3E7EB as the background, Space #142A41 for text, Blue Gray #6B93B4 for buttons and links, and Fog #C1D0DB for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ice on Space at 11.76:1.

Which colors in Blue Gray & Space Muse have enough contrast for text?

The highest-contrast pair is #E3E7EB on #142A41 with a ratio of 11.76:1, which passes WCAG AA for normal text.

#E3E7EBIce

#C1D0DBFog

#6B93B4Blue Gray

#142A41Space

Blue Gray & Space Muse color palette

Muted Cold Minimal

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Ice	`#E3E7EB`	`rgb(227, 231, 235)`	`hsl(210, 17%, 91%)`	`oklch(92.6% 0.007 248)`
Fog	`#C1D0DB`	`rgb(193, 208, 219)`	`hsl(205, 27%, 81%)`	`oklch(85.0% 0.022 239)`
Blue Gray	`#6B93B4`	`rgb(107, 147, 180)`	`hsl(207, 33%, 56%)`	`oklch(64.6% 0.066 244)`
Space	`#142A41`	`rgb(20, 42, 65)`	`hsl(211, 53%, 17%)`	`oklch(27.9% 0.051 251)`

Why it works and how to use it

Blue Gray & Space Muse is a monochromatic color palette tagged muted, cold, minimal. All four colors sit within 6° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. The overall temperature is cool.

With 3 chromatic colors, Blue Gray takes the lead while the rest support. Lightness runs from 17% to 91%. Well suited to websites, presentations and branding.

Background: Ice (#E3E7EB) is the lightest color, so it belongs on large surfaces.
Text: Space (#142A41) on #E3E7EB gives 11.76:1, passing WCAG AAA.
Primary: Blue Gray (#6B93B4) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Fog (#C1D0DB) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ice on Space at 11.76:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Blue Gray & Space Muse

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#E3E7EB

#C1D0DB

#6B93B4

#142A41

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#E3E7EB` on `#142A41`	Aa	11.76:1	AAA
`#C1D0DB` on `#142A41`	Aa	9.26:1	AAA
`#6B93B4` on `#142A41`	Aa	4.49:1	AA large only
`#E3E7EB` on `#6B93B4`	Aa	2.62:1	Fail
`#C1D0DB` on `#6B93B4`	Aa	2.06:1	Fail
`#E3E7EB` on `#C1D0DB`	Aa	1.27:1	Fail

Similar palettes 24 more in this mood