Timeworn Cocoa color palette — #FFF2E9 · #EBD6BA · #D0AE95 · #AB897F · #574600

A conversation between Deep Olive and Rosewood Mist, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Wheat (#EBD6BA): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#D0AE95): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#AB897F): A luminous, dusty orange — the color of toasted spice.
• Deep Olive (#574600): A full-bodied, balanced green — the color of fresh herbs.

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

• Timeworn Balcony color palette (#FFF0F7, #DFC1CB, #B48FA1, #866B7E, #3B4D3E)
• Tempered Seafoam color palette (#EFF9EB, #88D4C4, #C1B87F, #86A47B, #364131)
• Worn Honey Balcony color palette (#FFEBD4, #D6CA7C, #CA995A, #AE6C57, #36362F)
• Worn Driftwood Corridor color palette (#FAEEF4, #ABC2AD, #A4775D, #655065, #1E3128)
• Worn Olive color palette (#EBE2C8, #88AB74, #878000, #7C4F00, #001C10)
• Shell Atelier color palette (#F9F3F9, #FFD2C6, #B093B0, #7A6579, #322732)
• Hushed Station color palette (#EFDECE, #947E3F, #8A4F07, #711D18, #030400)
• Washed Driftwood color palette (#FFF1F6, #C1ADE5, #CA8BA4, #908A4B, #392C36)

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