Timeworn Cocoa color palette — #FFF2EC · #E8DEB7 · #B7A66C · #995C64 · #5A3000

Cocoa and Pewter set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Celadon Mist (#E8DEB7): A whisper-light, dusty green — the color of fresh herbs.
• Camel (#B7A66C): A luminous, dusty green — the color of fresh herbs.
• Pewter (#995C64): A full-bodied, balanced red — the color of a theater curtain.
• Cocoa (#5A3000): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Dusty Apricot color palette (#FFF2EF, #FFC2B9, #E3A975, #855974, #6B2E14)
• Ancient Straw Harbor color palette (#FFF3E5, #F4DD88, #A6C378, #8B604C, #3E3A34)
• Weathered Mulberry color palette (#FFEEE7, #E7DBAF, #ADB579, #8D4D6B, #311C07)
• Washed Bronze Basin color palette (#FFF3E8, #DDE2C9, #C4CB9D, #B1704F, #6B4100)
• Driftwood Veranda color palette (#FFF0FC, #FFDFC3, #C0CB93, #AE7284, #4B3240)
• Hushed Hollow color palette (#F0E7D4, #969C64, #736300, #593F08, #31312A)
• Frosted Moss Cabin color palette (#FFF4DF, #D8CA4D, #73B13E, #955300, #3D3300)
• Chestnut Coast color palette (#FCF4E7, #C0E3CD, #89B1B7, #9B836A, #635100)

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