Timeworn Lagoon color palette — #EFF7F9 · #D8DBE4 · #C1BDD4 · #298384 · #3D4A4E

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

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D8DBE4): bright and airy, almost weightless.
• Ash (#C1BDD4): A luminous, dusty violet — the color of a velvet chair.
• Teal (#298384): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#3D4A4E): quiet, heavy and certain.

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

• Cerulean Alley color palette (#F0F6FA, #DAD9E1, #B9A7A7, #65879D, #4B545A)
• Antique Pewter Drift color palette (#EDF4EE, #CBDDDC, #B1C1C3, #5D7E64, #282E29)
• Dusty Corridor color palette (#EEF6FF, #DED6EA, #BFB5DE, #0A6CBB, #36414D)
• Abyss Basin color palette (#E3ECF0, #9AACBD, #737E9E, #003F47, #04171E)
• Pine Study color palette (#ECF9EF, #A5B788, #2D865C, #3E5F70, #2B4941)
• Hushed Denim color palette (#EAEFF6, #C8CBDE, #A59BB5, #315292, #242E3D)
• Pale Mulberry color palette (#EAF8FB, #009E92, #9B4054, #624000, #373402)
• Ancient Petrol color palette (#FFF1F6, #1FAEA0, #3E68B0, #704009, #26414E)

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