Timeworn Lagoon color palette — #FDF1F8 · #817BB0 · #6D5988 · #6E3D40 · #273800

Slate Blue takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Slate Blue (#817BB0): A luminous, dusty violet — the color of a velvet chair.
• Slate (#6D5988): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#6E3D40): A full-bodied, dusty red — the color of embers at dusk.
• Forest (#273800): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Pewter Balcony color palette (#EFF8EE, #3D918D, #6E639C, #65491B, #2B372A)
• Mulberry Basin color palette (#FFF1F5, #855F9A, #8B3D68, #2A4C07, #3A2130)
• Turquoise Drift color palette (#FDF4E7, #62B7BE, #6D73A2, #6C5531, #364E44)
• Cerulean Atelier color palette (#EEF8F2, #3A97B1, #116E85, #71394C, #32352E)
• Antique Cobalt Meadow color palette (#E6F6F1, #4B81B3, #49363F, #1C2D28, #0E1716)
• Cocoa Harbor color palette (#E6F5FB, #579BA8, #8C536D, #6E3F00, #052321)
• Muted Thicket color palette (#F0F7F2, #DDD4D3, #A6A199, #548B9A, #4D5550)
• Wandering Bronze Corridor color palette (#EEF8F0, #5BB3BC, #B2718D, #935B18, #35362F)

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