Hazy Lagoon color palette — #F0E6DC · #65A6D2 · #174FB3 · #003D42 · #1B1549

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

The five colors

• Parchment (#F0E6DC): a clean, paper-quiet neutral.
• Cyan (#65A6D2): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#174FB3): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Teal (#003D42): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#1B1549): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Washed Denim color palette (#FAEAE2, #68AAB8, #005F84, #003F34, #041F40)
• Hushed Cobalt color palette (#DCE1CF, #80B8E1, #0077CB, #005570, #001D48)
• Petrol Dune color palette (#FFF2EC, #78C5D5, #0077A5, #005749, #003169)
• Weathered Navy color palette (#F4E9E0, #4788AD, #00397D, #002223, #06012A)
• Cornflower Loft color palette (#E7F0E8, #8EC7F0, #4893EF, #007A8F, #0F174E)
• Cornflower Ridge color palette (#FFF3E6, #A3D4FF, #5779D9, #006571, #3F3865)
• Softworn Cerulean Atelier color palette (#FCF3EE, #CAE5C8, #009BB1, #33714B, #2F4F43)
• Worn Bronze color palette (#FED8D1, #DF9A8B, #AB7D00, #68306C, #391A0B)

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