Free Spirit

#deeeed

Airy pale gray with cool-neutral, subtle softness

Save
Share

About Free Spirit

This shade reminds me of fresh paper that's been left in daylight, not under a skylight that's too cool. Free Spirit is still a pale gray, but it's got more openness than -Chilling's teal tilt and more "air" than Castle in the 's balanced coolness. It reads light without drifting toward near-white flatness.

What I like is that it stays friendly on screens. I reach for it in dashboards and finance apps where you want panels to feel calm, not sterile, especially for secondary sections, disabled form states, and the soft banding behind text in light or dark mode. Compared to , it doesn't carry that lingering warmth, so it won't skew cozy next to cream neutrals. It's the one you reach for when you need a soft neutral backdrop that keeps its composure beside both cool and medium grays.

Pair it with medium-to-cool grays; if you set it next to warmer whites, it can look a touch desaturated, like it's stepped back from the rest of the layout.

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.20:1Fail

On Gray 100 #f5f5f5

Aa
1.10:1Fail

On Gray 900 #18181b

Aa
14.81:1AAA

On Black #000000

Aa
17.56: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

Create a gradient with Free Spirit

Open the generator with this color pre-loaded.

Start creating