Hawaii Morning

#00bbff

Sunlit cyan-blue with a lighter, gentler lift

Save
Share

About Hawaii Morning

Hawaii Morning is the blue that actually feels like morning light, softer than , warmer than . 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 feels too loud and 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
2.20:1Fail

On Gray 100 #f5f5f5

Aa
2.02:1Fail

On Gray 900 #18181b

Aa
8.06:1AAA

On Black #000000

Aa
9.55:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Hawaii Morning

Open the generator with this color pre-loaded.

Start creating