Timeworn Lagoon color palette — #F8F1E4 · #B0BA7D · #5B8056 · #674B5A · #2C2712

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

The five colors

• Cream (#F8F1E4): a clean, paper-quiet neutral.
• Sage (#B0BA7D): A luminous, balanced green — the color of new leaves after rain.
• Fern (#5B8056): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal Brown (#674B5A): A full-bodied, dusty rose — the color of strawberry cream.
• Onyx (#2C2712): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Weathered Workshop color palette (#FBF1DE, #9AA86A, #3C733F, #5A3C48, #211C05)
• Patina Drift color palette (#F4F3E2, #86C49D, #3A8378, #3F5C4F, #252A18)
• Pewter Bloom color palette (#FFF1F5, #B5B284, #5E7D55, #5B5474, #2F493C)
• Powdered Wisteria Boulevard color palette (#FFECF0, #CB84DA, #599F6F, #7C5285, #093018)
• Softworn Driftwood color palette (#EBF9F1, #A3CFC1, #779A71, #577590, #294A40)
• Tempered Cypress color palette (#F9EFEB, #C3E8C7, #5798AE, #296D52, #08342A)
• Gentle Moss color palette (#ECE5CC, #5CAC38, #006C4B, #4E2E60, #061C00)
• Dusty Stone Courtyard color palette (#FFECEF, #E6D2D0, #E8B19E, #9A758A, #3E2727)

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