Timeworn Lagoon color palette — #F5F2E7 · #B1B891 · #2C8578 · #72474B · #262A0F

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

The five colors

• Cream (#F5F2E7): bright and airy, almost weightless.
• Sage (#B1B891): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#2C8578): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#72474B): A full-bodied, dusty red — the color of late-summer berries.
• Onyx (#262A0F): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Pine Courtyard color palette (#FEF0DB, #9FB079, #00804B, #624700, #1C2500)
• Chestnut Pier color palette (#F9F0E8, #CFC2A3, #728C64, #86551D, #33312A)
• Lagoon Study color palette (#EEF8F3, #ADCFAC, #529F90, #766B8A, #2B4945)
• Gentle Orchid color palette (#F4F4DA, #789A55, #A065AC, #97476E, #211F01)
• Frosted Thicket color palette (#F0F6D6, #A2C89B, #45844D, #1A5100, #061A00)
• Lagoon Lagoon color palette (#E5E3D5, #4F8665, #004F4B, #272E00, #000B04)
• Dusty Teal color palette (#ECF8F4, #B7E7F2, #70AE86, #956B56, #19403A)
• Faded Garnet color palette (#E6E6D3, #4EA88E, #006771, #750039, #001B14)

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