Pink Swirl
#fceae6
Rosy-lilac tint for airy gray backgrounds
About Pink Swirl
I just used Pink Swirl as a card background behind a grayscale product photo, and the difference was immediate. It's a very light gray with a pink cast that feels more like a soft film than a full tint. Compared to Angelic Wings, it brings warmth and blush instead of drifting lavender-cool. Compared to Grannie's Pearls, it's cleaner and lighter, with less "worked-in" warmth. And vs Hint of Pink, it's a touch more decisive and less airy, so it reads as a deliberate wash, not a barely-there margin note.
This is the light gray with a pink undertone I reach for in ecommerce category pages, consumer finance marketing surfaces, and editorial templates where you want calm but still want the UI to feel gently human. It sits well under dark type without turning icy, and it plays nicely beside mid grays in component libraries.
One quirk: on very low-saturation screens it can look almost neutral, so always sanity-check it next to your imagery and any off-white tokens you use for headings.
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.