Fennel Flower
#77aaff
Soft blue-violet for gentler, warmer focus blocks
About Fennel Flower
Fennel Flower reads like a fresh cut of spring purple that never fully cools down. Compared to Fly Away, it has less sky-wash softness and more pigment, so it shows up with a steadier presence. Versus Cold Lips, it feels notably less sharp and more rounded, with an undertone that stays friendly instead of clinical. And next to Birdie Num Num, it holds onto a clearer purple identity without drifting as warm.
I use it when I need a purple highlight that stays light on the page, especially in dashboards and finance apps where the UI can't feel heavy. It's great for step indicators, hover states, and small CTA accents in consumer fintech, plus social banners where you want the color to pop without looking "blue first."
Pair it with creamier off-whites or soft lilacs. If you put it beside the icier purples, it can start to look a touch more "ripe" than "icy," which is usually a good thing.
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.