Timeworn Lagoon color palette — #F5F5DE · #C4CAB1 · #9AA987 · #598673 · #5B4A5D

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

The five colors

• Cream (#F5F5DE): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#C4CAB1): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9AA987): A luminous, dusty green — the color of new leaves after rain.
• Fern (#598673): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#5B4A5D): A full-bodied, dusty pink — the color of neon signs at night.

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

• Softworn Petrol color palette (#FCF5DF, #D0CCAB, #A1A67A, #387E87, #2E5745)
• Worn Terrace color palette (#EEF8E2, #B9CEB0, #83A789, #8E708A, #6B465D)
• Washed Corridor color palette (#DBFFED, #A7E4DC, #87B7B1, #637B85, #364A56)
• Bronze Canyon color palette (#F7F6E7, #C5C7A6, #749A79, #8E6B27, #454600)
• Misty Moss Atelier color palette (#F7F7E5, #A7C28F, #E08B76, #5F911D, #60352A)
• Quiet Boulevard color palette (#BFFEEA, #87CCCA, #4BA2B1, #626DA5, #4F456F)
• Pale Veranda color palette (#D0EAD9, #6497B5, #4274AB, #63396E, #3D1234)
• Misty Terrace color palette (#F0E8C0, #B2C68A, #79A242, #397814, #2F5231)

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