Worn Lagoon color palette — #F1F7F2 · #D1DDF6 · #76ACCE · #1C8B8D · #344A61

Cerulean and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Powder Blue (#D1DDF6): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#76ACCE): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#1C8B8D): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#344A61): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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

• Worn Cerulean Lagoon color palette (#F9F3F7, #C8E0EF, #5C8EC4, #00735F, #3C4763)
• Softworn Petrol Basin color palette (#E3F1E5, #81BEBA, #00848F, #005C41, #00242D)
• Aged Lagoon color palette (#F2F5FF, #A799DE, #CB8558, #119C7F, #31364F)
• Wandering Denim Hollow color palette (#DCE7DE, #589FA8, #006279, #003C34, #000B14)
• Hazy Loft color palette (#DAE5DC, #65ABD0, #0069B0, #004951, #000B40)
• Powder Veranda color palette (#FBF3EF, #BFEDEA, #87C3FF, #4EAB93, #583E50)
• Iris Courtyard color palette (#D9E9FF, #95B3F6, #848EE0, #7464A6, #4D3B5F)
• Patina Cobalt color palette (#E7F2E9, #A1CAE5, #2E8DCE, #006B72, #132D54)

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