Timeworn Cocoa Terrace color palette — #FFF3EA · #D4C396 · #879767 · #876773 · #573D00

Deep Olive and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3EA): bright and airy, almost weightless.
• Sand (#D4C396): A whisper-light, dusty gold — the color of old brass.
• Moss (#879767): A luminous, dusty green — the color of fresh herbs.
• Pewter (#876773): A full-bodied, dusty rose — the color of a warm blush.
• Deep Olive (#573D00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Timeworn Cocoa Terrace 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

• Worn Fern Chapel color palette (#F9F5EA, #C2C9A0, #5E9D90, #537B6E, #414700)
• Muted Lagoon Meadow color palette (#FEF3E9, #BDB77E, #678D58, #5E5F86, #38352E)
• Lagoon Studio color palette (#FCF5E2, #A0C898, #009D82, #925363, #24441E)
• Linen Terrace color palette (#FFF1F4, #CFA5E0, #9FAE54, #9B69AF, #404713)
• Timeworn Pine Hollow color palette (#FFE7CB, #B0B157, #238F25, #7C4278, #313000)
• Ash Villa color palette (#FFF1F6, #E4DAD3, #E2C59A, #7696BE, #5C4447)
• Tempered Corridor color palette (#F2DFCD, #94842E, #366000, #4C2458, #130F00)
• Dusty Lagoon Courtyard color palette (#FAF4EE, #C1E7EB, #95A3CF, #2D8A8A, #5D3C4B)

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