Hazy Lagoon color palette — #CBECF0 · #008DC3 · #004DAD · #180065 · #03000B

Cobalt and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CBECF0): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008DC3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#004DAD): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Deep Indigo (#180065): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#03000B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Hazy Drift color palette (#CEE6E3, #0094A3, #00527E, #00206C, #01000D)
• Timeworn Nightshade color palette (#C0E7F5, #0080D1, #3A25CA, #30005F, #040005)
• Nightshade Canyon color palette (#E1E7FF, #7284FF, #2E37B4, #110040, #01000A)
• Linen Ultramarine Station color palette (#D5F1FF, #0090D6, #0067CE, #2200DA, #10003C)
• Soft Drift color palette (#D0EBED, #00749C, #003975, #22006A, #1B0039)
• Nightshade Alley color palette (#E2EBF9, #3870FF, #875E00, #0112B1, #020100)
• Soft Grape color palette (#CDE5FF, #6867F7, #731AB9, #460042, #050002)
• Quiet Ultramarine Terrace color palette (#DBE5FF, #3755DD, #6D5500, #534000, #00000B)

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