Hazy Lagoon color palette — #DDF3FF · #007FB8 · #00447A · #000927 · #00000B

Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DDF3FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#007FB8): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#00447A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#000927): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Hazy Lagoon into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Deep Navy color palette (#D0E8FF, #3174C8, #102993, #0D003D, #010009)
• Tempered Workshop color palette (#CEEEEF, #008996, #004958, #00151F, #000103)
• Moonless Denim color palette (#D6EFFB, #006594, #003059, #000C28, #03000A)
• Nightshade Studio color palette (#D5E6E4, #0093A8, #00649A, #2600B7, #060011)
• Pale Nightshade Canyon color palette (#CFE8FC, #00B9E7, #008FD9, #0041B2, #000104)
• Aubergine Corridor color palette (#E4F0FB, #00598C, #330072, #14000E, #000201)
• Hushed Cobalt Atelier color palette (#D7E6FC, #6E78A6, #494169, #370E21, #040000)
• Dusty Canyon color palette (#EEF6FF, #91BCFF, #5C73DC, #352492, #110033)

Browse the whole catalog at Explore, or see today's palette.