#ffc6ff
Nearest named color: Sugar Chic
Creamy pastel pink with cotton-soft warmth for layouts
About Sugar Chic
Sugar Chic looks like the pink you see on a glazed pastry right after it catches window light: sweet, pale, and noticeably more saturated than the airy mists nearby. Compared with Kissed by Mist, it holds onto its color more firmly, so it doesn't blur into a cloud. And unlike Bubblegum Crisis, it's not pushy. It reads like a soft glaze, not a callout.
This is the one you reach for when you need a "pretty but legible" accent in product UI, especially in e-commerce beauty thumbnails, skincare landing pages, and appointment or confirmation screens where states should feel kind. I also use it for editorial lifestyle headers and lightweight badges in health and wellness apps. Think onboarding progress dots, gentle hover backgrounds, and secondary CTA fills that shouldn't compete with the primary action.
Pair it carefully with very thin typography; this shade can feel delicate at small sizes. Warm creams keep it flattering, while charcoal gives it a clean edge without overpowering the softness.
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.
