Timeworn Lagoon color palette — #FBF2F7 · #D3DFFB · #87A6D4 · #008E7E · #454269

A conversation between Fern and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Powder Blue (#D3DFFB): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#87A6D4): A luminous, dusty blue — the color of deep harbor water.
• Fern (#008E7E): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#454269): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Timeworn 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 Powder color palette (#FBF3EE, #D6D5E3, #90BEF8, #459282, #523547)
• Washed Market color palette (#FBF3F5, #BDD8F2, #808FDB, #007B7F, #423158)
• Blush Boulevard color palette (#E8F9FB, #79C9B6, #D986B4, #00957F, #612F4B)
• Denim Harbor color palette (#F1E6EE, #5B9EAB, #005E8D, #003D29, #02002E)
• Aged Pine Cabin color palette (#FDF0FF, #94DAD6, #009CBE, #01791D, #00345E)
• Ultramarine Veranda color palette (#E8DBE0, #76A8CB, #405DBE, #004A48, #1B003B)
• Aged Summit color palette (#E7F9FA, #D3DBED, #C6BDE6, #96A65A, #284E5B)
• Feathered Peony Corridor color palette (#E8F8FF, #44B7C4, #C37BBE, #C05BA7, #0F3E4D)

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