Hazy Lagoon color palette — #D1EDD7 · #0096C1 · #365AD6 · #802200 · #000C19

A conversation between Cobalt and Rust, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D1EDD7): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0096C1): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#365AD6): A full-bodied, vivid violet — the color of a velvet chair.
• Rust (#802200): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#000C19): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged retro.

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

• Quiet Garnet color palette (#E0F0E3, #009C9D, #00709D, #86003C, #000E11)
• Dusty Grape Corridor color palette (#DDECDF, #3F77D3, #693CA5, #533200, #020018)
• Feathered Plum color palette (#E1F2FF, #008BC0, #A40F9B, #603900, #000A05)
• Hushed Indigo Coast color palette (#DCEBF4, #7A8EC2, #8261AD, #7A3C0F, #251A00)
• Quiet Workshop color palette (#E7F4E9, #6B78F9, #942DBA, #5C4300, #0E002B)
• Navy Atelier color palette (#EDE7D2, #008478, #0041A4, #352A00, #000E12)
• Cobalt Chapel color palette (#E1ECF7, #006EB7, #262E57, #191720, #000714)
• Dusty Cobalt Lantern color palette (#D7E7DA, #7CBBCE, #008EC3, #006D6C, #00152A)

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