Timeworn Cocoa color palette — #FCF4E8 · #D4CAB1 · #AD9877 · #926B45 · #554700

Built around Deep Olive, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF4E8): a clean, paper-quiet neutral.
• Oat (#D4CAB1): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#AD9877): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#926B45): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Olive (#554700): A full-bodied, balanced green — the color of new leaves after rain.

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

Use it as a design system

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

• Chestnut Workshop color palette (#FFF3E3, #CDBC9A, #A68A5E, #8B5D35, #3F3D36)
• Washed Bronze color palette (#E8DDC2, #A1AD5E, #877900, #6B4D00, #1B3000)
• Worn Bone Summit color palette (#EAFAED, #B6E8CC, #98B89D, #8C727B, #34433D)
• Worn Grove color palette (#F5EADE, #A88744, #885300, #632A00, #1B1600)
• Airy Villa color palette (#F6DFCF, #C2946D, #AE5525, #8B201A, #332000)
• Bronze Terrace color palette (#EDF9EF, #71B8C0, #C287A3, #AC663E, #324235)
• Dusty Abyss Basin color palette (#F0F7F1, #E3CEAD, #68866A, #0C585A, #242E25)
• Olive Villa color palette (#EFE1C5, #73732C, #534400, #332000, #020400)

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