Supremely Cool
#afbed4
Very pale, minty periwinkle purple for airy backgrounds
About Supremely Cool
I keep running into Supremely Cool on the far side of a frosted bathroom window, where purple hasn't gone gray yet. It's noticeably cooler and cleaner than the softer periwinkles nearby, and it doesn't feel airy like Sailor Boy. Compared with Over the Moon, it reads lighter without turning washed, and it keeps more crisp "purple" edge instead of drifting toward that morning-sky haze.
For production work, I like it for health and lifestyle UI where you want calm separation but not that slightly smoky, dusk-worn softness of Sail Into the Horizon. Use it as a background tint for onboarding steps, secondary card headers, and form section dividers in telehealth and wellness apps, plus packaging callouts for supplements that need to feel fresh, not bleached. It also plays well on marketing hero panels where you want the cards to stay legible without resorting to near-white.
If you pair it with strong warm creams, it can look a bit too clinical. I'd counter with gentle lavender or a touch more saturation so it doesn't slip past "supporting color" into "flat fill."
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.
