Timeworn Cocoa color palette — #FFF3EA · #DFC7A5 · #B89377 · #8A6D63 · #574600

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

The five colors

• Ivory (#FFF3EA): bright and airy, almost weightless.
• Wheat (#DFC7A5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#B89377): A luminous, dusty gold — the color of old brass.
• Walnut (#8A6D63): A full-bodied, 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, 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

• Wandering Lantern color palette (#FFF2EB, #DBB692, #B7806F, #825F58, #403D36)
• Aged Petal color palette (#F8F2FF, #F6BBEA, #CC8689, #926646, #5E4300)
• Feathered Bronze Lagoon color palette (#F2E6D2, #9EA650, #906B00, #6D4024, #242606)
• Amber Parlor color palette (#FFEBD3, #C4B749, #B47800, #8E4B34, #36362F)
• Worn Studio color palette (#FFF1F6, #B898EE, #70AB85, #797B74, #48383E)
• Misty Bronze color palette (#FCE5D5, #A57200, #843A00, #58121F, #0D0C00)
• Worn Amber Garden color palette (#FBF2F6, #D8C6FF, #C29154, #9283B2, #342C24)
• Ancient Wisteria color palette (#FFF1F2, #CF89BF, #6A8D59, #64645D, #283932)

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