Worn Lagoon color palette — #ECF4F3 · #D0D8DD · #ACAFBD · #5D8D89 · #303837

A conversation between Storm Blue and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Silver (#D0D8DD): a clean, paper-quiet neutral.
• Ash (#ACAFBD): A luminous, dusty violet — the color of wild irises.
• Storm Blue (#5D8D89): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal (#303837): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Dusty Lagoon color palette (#E8F5F2, #A4CDC9, #56917A, #496961, #233534)
• Softworn Abyss color palette (#E9F0F3, #A7B6BE, #6D92B0, #004D53, #000D13)
• Driftwood Market color palette (#F5F6EE, #D3DED9, #A7AEB6, #838840, #52534B)
• Ancient Lagoon color palette (#E7F7EA, #80BB94, #008A8A, #644665, #1B3032)
• Spruce Coast color palette (#D9E2E2, #789397, #437381, #00331D, #000202)
• Seafoam Lantern color palette (#E5F5F7, #D6F7BE, #77E4BC, #53ACBA, #062D33)
• Washed Cobalt Corridor color palette (#E7F5F5, #62AE8A, #4871B3, #72354D, #0B2F1C)
• Softworn Coast color palette (#E9F3FC, #C6D5E8, #9EA8DB, #00628C, #051C2C)

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