Translucent Unicorn
#ffedef
Very light, low-saturation gray-pink for airy overlays
About Translucent Unicorn
Translucent Unicorn looks like someone misted a gray UI with very pale, silvery pink. It's lighter than Porcelain Skin and it doesn't feel as uniformly settled. Compared to Just Pink Enough, the blush reads more airy and less assertive, with a thinner, almost glassy overlay. And unlike Pink Lemonade, it keeps more of that gray calm underneath, so the pink never fully takes over the page.
I use it when I want a soft, translucent wash behind body text without drifting toward a noticeable rosy tint. It's especially handy in health and wellness interfaces, skincare forms, and editorial article cards where you need "human" but still want the layout to stay gray-led. It works well for filters, section dividers, and empty states in calm dashboards and retail wellness pages.
Pair it carefully next to hotter pinks or mauves that are more saturated, because those neighbors can make this one look even thinner and more washed. Text in charcoal stays crisp.
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.
Similar colors
Create a gradient with Translucent Unicorn
Open the generator with this color pre-loaded.
Start creating