Timeworn Lagoon color palette — #EFF7F8 · #D7DBE3 · #BEBED1 · #188678 · #394B4F

Teal and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EFF7F8): a clean, paper-quiet neutral.
• Silver (#D7DBE3): bright and airy, almost weightless.
• Ash (#BEBED1): A luminous, dusty violet — the color of a velvet chair.
• Teal (#188678): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#394B4F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Tempered Petrol color palette (#F0F6FB, #DBD7E6, #BBB9D0, #0072A6, #34424D)
• Weathered Olive color palette (#FFF1F5, #90BBA5, #5B7E52, #14666A, #2F493C)
• Wandering Field color palette (#DBFDFA, #A0C3BF, #708D9A, #7A5E2F, #375552)
• Weathered Summit color palette (#D8E7EB, #9DABB5, #6F809D, #004140, #00171D)
• Hushed Pier color palette (#E8EFF7, #C9CCD6, #A19DB2, #005697, #202F3F)
• Petrol Market color palette (#FFF1F6, #6CA784, #14729C, #753D00, #17444C)
• Timeworn Navy Summit color palette (#DBDFE6, #B7B8C4, #9488A0, #293794, #151F32)
• Iris Veranda color palette (#E8F8FD, #C0F4BF, #00CDCA, #8882E3, #1A4159)

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