Star of Life
#057bc1
Deeper rescue blue for high-contrast alerts
About Star of Life
I first saw Star of Life on a hospital-style emergency banner: it hit fast and readable, not airy like the lighter blues. Compared with Honolulu Blue's brighter, more open sea-sky feel, this one is a bit deeper and tighter, so it reads more deliberate than relaxed. Versus Haddock's Sweater, it comes off less settled and a little more electric, and it doesn't have that lived-in cool weight.
Star of Life works especially well for dashboards and healthcare screens where you need a primary action that feels urgent without turning into pure panic. Think EHR buttons, triage alert UI, logistics incident panels, and callout links in compliance-heavy web apps. It also pairs cleanly with charcoal and cool grays because the hue stays decisive blue while the neutrals do the calming. Relative to Mykonos, it's more saturated and slightly more intense, so it won't drift into that crisp, UI-only blue look.
If you drop it on very dark surfaces, watch for haloing; a deeper navy label color helps keep hierarchy sharp.
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.
