Timeworn Lagoon color palette — #E9F5EF · #9AC08D · #3D8567 · #555168 · #152C28

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E9F5EF): a clean, paper-quiet neutral.
• Sage (#9AC08D): A luminous, balanced green — the color of new leaves after rain.
• Fern (#3D8567): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#555168): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#152C28): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Wandering Jade Quarry color palette (#E4F7F0, #6FB27A, #127561, #533E53, #002220)
• Muted Basalt color palette (#F9F5E9, #B0B38E, #49806F, #6D5157, #444600)
• Weathered Archive color palette (#FFECF3, #E3F4C8, #ACCDA0, #8B6D8A, #223423)
• Weathered Station color palette (#F8F6E8, #C5C8A5, #669E7C, #8B6768, #444600)
• Antique Cerulean color palette (#F8EFF3, #C1E1F9, #6A8FC3, #016C70, #212B44)
• Ancient Pine Market color palette (#CBE6DF, #0B8E5F, #004F49, #491711, #000B04)
• Weathered Summit color palette (#FFEFDB, #EDB369, #9D6A17, #603C01, #221400)
• Chalky Amber Bloom color palette (#FFECF3, #C7772A, #008ABE, #4E6A9F, #2C1620)

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