Pearly
#f4e3df
Very light pearly gray with neutral, calm warmth
About Pearly
On my monitor, Pearly looks like a soft gray that got dusted with pearl powder, not blushed. Compared with Hint of Pink and Petal Pink, it reads less like a deliberate pink tint and more like a neutral surface with a whisper of rose sheen. And unlike Fallen Petals, it doesn't settle into that cozy warmth. It stays lighter, calmer, and a touch cooler in mood.
I use Pearly when the UI needs to feel clean without going cold, especially on editorial platforms, consumer health screens, and retail product pages where body copy has to stay the hero. It's the one you reach for when you want background serenity with just enough color presence to avoid feeling sterile. Typography over it looks crisp, and skin tones in lifestyle photography won't look washed out.
One practical note: keep it away from heavy warm creams. Next to very golden neutrals, that subtle rose-pearl undertone can start to look slightly theatrical instead of effortless.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.