Timeworn Cocoa color palette — #FCF4E8 · #E6DAAB · #C8B486 · #A08F7A · #594500

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

The five colors

• Ivory (#FCF4E8): a clean, paper-quiet neutral.
• Wheat (#E6DAAB): A whisper-light, dusty green — the color of a quiet forest floor.
• Sand (#C8B486): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A08F7A): A luminous, dusty gold — the color of honey in a jar.
• Deep Olive (#594500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Antique Station color palette (#F7F1E7, #C2BB9F, #A17B3B, #784C32, #2C2E1C)
• Tempered Mustard Hollow color palette (#FDE3CA, #ECB677, #C9905E, #7F7873, #34302A)
• Aged Driftwood color palette (#EBFAED, #BDE5E2, #98B89F, #956D7B, #31443D)
• Misty Moss Dune color palette (#FAEFC6, #C1D36F, #ABAA2D, #8B8045, #36362F)
• Muted Amber color palette (#FDEBD5, #CD9300, #AA6E00, #7F4D19, #1F1400)
• Hushed Olive color palette (#E8DFCD, #8B8400, #6F5F00, #503C00, #030400)
• Weathered Powder Chapel color palette (#FEF1F9, #B3BDFF, #E3A1B5, #62A7A9, #463842)
• Hushed Ash color palette (#FAF2F8, #FFD0D6, #B591AC, #796674, #32282F)

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