Timeworn Lagoon color palette — #FAF0E2 · #9CB679 · #228C6B · #564A71 · #2C2E1E

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#FAF0E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#9CB679): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#228C6B): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#564A71): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#2C2E1E): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Dusty Jade color palette (#F2F3E9, #82AA69, #047F96, #53426F, #3C1E12)
• Olive Garden color palette (#F9F1E4, #C8A56E, #72803B, #345575, #332B1A)
• Mint Coast color palette (#EAFAED, #ABCB7E, #68A089, #726791, #354D4A)
• Teal Delta color palette (#FBF0E0, #20B2AF, #00749F, #6D2E41, #0F2918)
• Washed Balcony color palette (#FFF2ED, #E8DF9B, #52B6A2, #8E6184, #404038)
• Ancient Lagoon color palette (#ECEFE4, #569360, #334028, #1D2012, #0D0D08)
• Emerald Bloom color palette (#FFF0D8, #16AD4E, #00716B, #5D196D, #002316)
• Patina Ash Courtyard color palette (#F5F1EB, #C7E3E5, #7D9FC9, #3D7481, #432E3F)

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