Frail Fuchsia
#ee88ee
Muted fuchsia for airy pink UI layers
About Frail Fuchsia
Frail Fuchsia looks like the pink you get after the lights dim a notch. It's lighter and more muted than Bubblegum's punch, but it doesn't drift into Diva Mecha's denser, violet-leaning control. Compared with Atomic Pink, it carries more warmth in its undertone, so it reads softer on-screen without losing presence.
I use Frail Fuchsia when the interface needs friendly energy with a calmer temperature, especially for beauty and wellness product moments, chat and community reactions, and onboarding screens that shouldn't feel harsh. It's great for secondary CTAs, section headers, and selected states in mobile apps, where you want visible but not loud. For media, it works well as a highlight color in music and video discovery tiles, since it stands off neutral cards without the neon charge of Bubblegum.
Pair it with clean off-whites and light grays. If you drop it on busy gradients, it can look washed before you notice why, so keep the background relatively quiet or give it a stronger boundary.
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.