Fly Away
#85b3f3
Airy mid-blue lavender for lighter cool accents
About Fly Away
Fly Away looks like the top layer of a sky at dusk, just past periwinkle, with a soft lavender cast that doesn't feel either "blue first" or "mauve first." Compared to Birdie Num Num, it's less of that blue-purple tug and more settled in the purple lane. Against Blue Lips, it's notably deeper and more saturated, so it doesn't read like a polite wash. And unlike Cold Lips, it's cooler than it is sharp, with a gentler edge.
I reach for it in product interfaces where you need a highlight color that shows up on light UI without screaming. It's great for charts in consumer fintech and onboarding steps, especially when you want the purple identity but don't want the clinical precision Cold Lips brings. In motion graphics and social promos, it holds attention while staying calm under busy layouts.
Pair it with warm off-whites for lift, or with cool grays if you need it to recede a notch. If you put it next to very icy purples, it'll quietly look more "velvety" than "edgey," which is the point.
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.