Hazy Lagoon color palette — #FFF0FA · #8BE0DC · #008FA5 · #006B3D · #004563

Pine and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Ice Blue (#8BE0DC): A whisper-light, balanced teal — the color of glacier melt.
• Cerulean (#008FA5): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006B3D): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#004563): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cobalt Station color palette (#FFF0F8, #8ADBF9, #1485CE, #006760, #2A3D6E)
• Weathered Forest color palette (#FAEDFB, #9EDDDA, #0091B1, #016818, #002647)
• Aqua Veranda color palette (#FFF0FB, #00D1D5, #007A94, #005939, #003755)
• Ancient Pine Corridor color palette (#FFF2EE, #A8E9E5, #00ADD0, #308632, #08426F)
• Cypress Market color palette (#FAF2F8, #D6D6EB, #7A9EB8, #477A6B, #435467)
• Jade Hollow color palette (#FBF4E9, #CFEFCC, #00CDE1, #00AA7F, #004759)
• Dusty Cerulean Veranda color palette (#F1E3EC, #008FAC, #004064, #00231E, #000427)
• Sapphire Studio color palette (#E2FEE3, #D39625, #006ED2, #7B5300, #123B69)

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