Malibu
#66b7e1
Softer coastal blue for calm, airy UI
About Malibu
On a white canvas, Malibu reads like sunlight on sea glass: light, airy, but not thin. It has that friendly sky-bright lift, with a calmer saturation than Blue Martini and Blue Mana, so it feels more "open" than "defined." Compared to High Seas, it sits a touch less upper-register and more balanced, so you don't get that crisp, high-contrast pop.
I use Malibu as the one you reach for when you want a primary action or link that feels breathable. It shows up in dashboards and finance apps for secondary CTAs, notification accents, and lightweight data highlights, and it works well across SaaS UI where you need a color that stays pleasant over time. In product media like onboarding screens and explainer cards, it gives clarity without leaning as cyan-leaned as the busier blues nearby.
One quirk: on very cool display profiles it can lose some warmth and flatten slightly, so I like it paired with mid-tone grays or charcoal for headings and labels. If you need more punch, go richer and tighter like Blue Mana.
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.