Hawaii Morning
#00bbff
Sunlit cyan-blue with a lighter, gentler lift
About Hawaii Morning
Hawaii Morning is the blue that actually feels like morning light, softer than Capri, warmer than Blue Bikini. It's got enough saturation to read as intentional, but it doesn't demand attention the way cyan usually does. There's a gentleness to it that sits somewhere between sky and water, the kind of color that doesn't feel aggressive on a screen.
This one works in interfaces where you want brightness without the electric edge: health apps, wellness dashboards, educational platforms, any product where approachable matters as much as visible. Button states, card backgrounds, accent colors in light-themed designs, it lands without creating hierarchy problems. It's the one you reach for when Capri feels too loud and Glitter Lake feels too precious, when you need color that actually breathes.
On warmer monitors it'll drift noticeably peachy-blue, which honestly softens it even more. Cooler screens hold it truer. Either way, it needs white or very light backgrounds to keep that morning quality intact, dark neutrals will make it feel heavier than it actually is.
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.