Timeworn Lagoon color palette — #FFF0F9 · #85B684 · #00878F · #7F4553 · #324D4E

Built around Cerulean, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Sage (#85B684): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#00878F): A full-bodied, balanced blue — the color of open sky before noon.
• Coffee (#7F4553): A full-bodied, balanced red — the color of embers at dusk.
• Charcoal (#324D4E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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

• Teal Workshop color palette (#F4F3E2, #70BE9D, #3F867F, #614861, #272F21)
• Tempered Alley color palette (#FFF1F6, #B6A771, #49875D, #6B4C72, #394D45)
• Tempered Cobalt color palette (#FFF1F6, #6BB7B2, #457BAD, #784F2E, #374B54)
• Washed Turquoise Delta color palette (#F9F3F8, #D4E1F4, #5BA3C6, #397D6A, #465464)
• Garnet Harbor color palette (#FFF0FB, #00A47C, #006A88, #81141C, #003F3C)
• Ash Grove color palette (#E2FCF6, #AED2D7, #7298B1, #836B7E, #624E4D)
• Aged Seafoam Bloom color palette (#E8F9F9, #E4F7B7, #72E6B7, #5F99BE, #2F5259)
• Seafoam Pier color palette (#FEF4E4, #A8E0BD, #7ABCBC, #A07F9F, #414C37)

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