Plastic Clouds

#f5f0f1

Cool, near-white gray with airy muted tint

Save
Share

About Plastic Clouds

I keep Plastic Clouds in the back pocket for UI screens that look almost white in the daylight, but need something gentler than true white once the page has type on it. It reads as a very pale gray with a barely-there cool cast, and the undertone feels restrained, more airy than rosy.

Compared to , there's no bubblegum-pink edge creep, and it doesn't act like a tinted coating over the whole surface. Compared to , it's less softly pink-leaning and more controlled, closer to a steady neutral mist than a delicate warm wash. In practice, I like it for productivity and health apps where you want cards, charts, or form panels to feel light without the background turning noticeable. It also works for editorial feature pages and landing sections where you want captions to sit up cleanly over the page.

Pair it with slightly darker grays for structure; if you put it beside warmer blush grays, it can feel a touch too cool and "flat" instead of calm.

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

On Gray 100 #f5f5f5

Aa
1.03:1Fail

On Gray 900 #18181b

Aa
15.71:1AAA

On Black #000000

Aa
18.62: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 Plastic Clouds

Open the generator with this color pre-loaded.

Start creating