Timeworn Cocoa color palette — #FFEDEC · #E1DAC9 · #BDC6A5 · #9F7984 · #5F2305

Espresso takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FFEDEC): bright and airy, almost weightless.
• Bone (#E1DAC9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#BDC6A5): A luminous, dusty green — the color of fresh herbs.
• Mocha (#9F7984): A luminous, dusty rose — the color of a warm blush.
• Espresso (#5F2305): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: 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

• Seafoam Delta color palette (#FFEEE5, #DDE0C4, #9BD6CA, #A5817F, #3C3731)
• Patina Cocoa color palette (#FFF2EE, #E0D9CE, #D5C49C, #A97E78, #7E3F26)
• Chestnut Chapel color palette (#FAF0E5, #C9B998, #9C7C5B, #824525, #2E2D1E)
• Worn Lime color palette (#FFEDE9, #E5DAB5, #ADCE6E, #975D94, #411F0D)
• Aged Basalt color palette (#FAEFEB, #C7C886, #875048, #541E00, #1A120E)
• Ancient Ash Ridge color palette (#FCF1FF, #E9D6D8, #BABECE, #A59CC2, #594B58)
• Dusty Meadow color palette (#EDDBC9, #9CA500, #008D74, #651D1B, #0D0600)
• Emerald Orchard color palette (#F8E0D1, #CEAF66, #2F9B69, #712D48, #1B0C00)

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