Kissed by Mist
#fcccf5
Pale dusty blush for airy panels and subtle UI
About Kissed by Mist
Kissed by Mist looks like the moment a pink blush hits daylight and softens at the edges. It's noticeably lighter and more delicate than Bubblegum Crisis, which reads punchy and insistent, and it feels airier than Grape Taffy, which keeps a smoother candy-wrapper certainty. Compared with Decadial Pink, this one has a finer, cloud-like hold. The undertone trends cool-misty rather than warm candy.
I use it as a gentle highlight color for interfaces that still need the action to read clearly, just not loudly. Think cosmetics product detail pages, wellness app confirmations, and editorial feature headers in lifestyle sites where the UI needs to feel kind and clean. It also works for subtle state colors in mobile design systems, like "success" chips and light error-reduction banners, where you don't want the retro energy of Bubblegum Crisis or the slightly richer depth of Decadial Pink.
Quirk: because it sits closer to the airy end of pink, it can disappear next to strong saturated accents. Give it space, or pair it with warm creams and soft charcoals so it stays legible in real layouts.
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.