Timeworn Cocoa color palette — #FFF4DF · #D4E6C8 · #C2C0CD · #C39875 · #584500

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

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Celadon Mist (#D4E6C8): A whisper-light, dusty green — the color of fresh herbs.
• Stone (#C2C0CD): soft and architectural.
• Camel (#C39875): A luminous, dusty gold — the color of honey in a jar.
• Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Tempered Bloom color palette (#FBF6DE, #D4E4FA, #CDEACB, #CAA47C, #4A4700)
• Tempered Market color palette (#F5F9D6, #C9F2F8, #CCCCDF, #A8A146, #11402A)
• Worn Coast color palette (#E4FCED, #BEE7EC, #9FCBDC, #9C7A53, #305044)
• Weathered Taupe color palette (#FDF4E4, #DFE1B3, #B79A51, #89613D, #32322B)
• Wandering Cerulean Loft color palette (#F1F0D8, #74C7AB, #009CB8, #473D00, #000201)
• Hazy Harbor color palette (#FFF6CF, #C2F4E4, #02FEF4, #B57800, #1C3407)
• Aged Sunflower Loft color palette (#E2F0FF, #E4E700, #DECEC8, #34322B, #1D1B13)
• Faded Lilac color palette (#FDF4E4, #CFAF58, #A88CDD, #A35C4E, #2E230F)

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