Timeworn Lagoon color palette — #E9FBED · #A9BC8F · #518F70 · #625E80 · #1B3D34

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

The five colors

• Ivory (#E9FBED): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A9BC8F): A luminous, dusty green — the color of new leaves after rain.
• Fern (#518F70): A full-bodied, balanced teal — the color of shallow lagoons.
• Graphite (#625E80): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#1B3D34): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Lagoon Veranda color palette (#EDF8F3, #A9D0AF, #5D9D93, #776B8B, #2C4846)
• Emerald Workshop color palette (#FEF4E3, #C8D8A7, #38A06A, #7F5562, #2D2807)
• Gentle Ridge color palette (#CBF6EB, #5EC09E, #008890, #85425B, #003728)
• Patina Lagoon Courtyard color palette (#E7FCEB, #ACC682, #469970, #7F6525, #33401A)
• Cypress Boulevard color palette (#D7EADE, #8CB279, #298369, #5F5528, #183009)
• Wandering Cocoa Parlor color palette (#FAF5E9, #97A16F, #4E6D3C, #75352F, #37362F)
• Weathered Boulevard color palette (#E9FAEF, #C6D197, #85AE6F, #AC726B, #1F3C32)
• Cypress Workshop color palette (#D8EBDF, #7B9E68, #007257, #59365C, #0C2100)

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