Timeworn Lagoon color palette — #FCF3EF · #E0DCCE · #C1C3B3 · #B28179 · #4E4642

A conversation between Caramel and Stone, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Bone (#E0DCCE): a clean, paper-quiet neutral.
• Stone (#C1C3B3): A luminous, dusty green — the color of new leaves after rain.
• Caramel (#B28179): A luminous, dusty orange — the color of toasted spice.
• Cocoa (#4E4642): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Driftwood Delta color palette (#F8F5EB, #D1DECE, #AFC5B7, #86834C, #3E3A2F)
• Tempered Villa color palette (#F9F3F8, #E4D8D7, #B4B4C3, #E59288, #4D454B)
• Hushed Cocoa color palette (#FBF3F0, #DEDCD0, #BEC3B1, #9A635E, #703418)
• Stone Lantern color palette (#FFF2EC, #D9BF98, #A5A07F, #857080, #5A4655)
• Weathered Cocoa color palette (#F3EADF, #ADA48C, #888870, #5F3D00, #100700)
• Amber Cabin color palette (#F4E1D0, #D07500, #624900, #322D28, #1D1713)
• Hushed Station color palette (#EBE9DB, #C3C7B2, #9AAB90, #5C6800, #221F10)
• Antique Hollow color palette (#FFF4DF, #FF8B7B, #9F823D, #42678A, #423C37)

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