Timeworn Cocoa color palette — #FFF4E2 · #BAA578 · #6C7F4F · #3F5B80 · #5A4500

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

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#BAA578): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#6C7F4F): A full-bodied, dusty green — the color of fresh herbs.
• Peacock (#3F5B80): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Olive (#5A4500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, 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

• Worn Cocoa Field color palette (#FEF4E4, #D79581, #8E7245, #14656F, #6B3900)
• Cypress Canyon color palette (#F9F5EB, #A79762, #2C8073, #455179, #5C3732)
• Antique Workshop color palette (#FDEFE5, #D19F81, #6A824A, #5D447B, #372915)
• Softworn Terrace color palette (#FFF0F7, #DDB499, #849B70, #766495, #3A4D3E)
• Wandering Parlor color palette (#F9F4ED, #C8E8E0, #68A4B1, #447B6B, #345245)
• Softworn Chestnut color palette (#F6F6EB, #BEC4A9, #5A8D7B, #8B5923, #485406)
• Wandering Stone color palette (#ECF9EF, #E5CE9A, #A0B979, #728EB3, #394D42)
• Ancient Villa color palette (#FFF4E2, #959100, #00742B, #37319A, #2F3B0B)

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