Timeworn Cocoa color palette — #FFF2EF · #E1D8CF · #C0CFA3 · #BD8D93 · #763B18

Bronze takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E1D8CF): bright and airy, almost weightless.
• Pistachio (#C0CFA3): A whisper-light, dusty green — the color of fresh herbs.
• Dusty Rose (#BD8D93): A luminous, dusty red — the color of late-summer berries.
• Bronze (#763B18): A full-bodied, balanced orange — the color of autumn markets.

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

• Muted Blush color palette (#FDF0FE, #E8D5D8, #AEBEB4, #D089AD, #533B4F)
• Hushed Stone Harbor color palette (#FFF2EF, #E3D9CA, #C5C388, #87769C, #624A43)
• Chalky Seafoam Orchard color palette (#FFF3E7, #FFEFA5, #9BD998, #BD6E68, #594219)
• Timeworn Chestnut color palette (#FFF3E5, #CEBE82, #AA895E, #92592E, #3F3D36)
• Mustard Coast color palette (#FFEEEC, #FFD5B8, #C1BD00, #B05E86, #5C2B03)
• Marigold Meadow color palette (#F9DFD0, #CF9D00, #73932E, #722B2F, #190B00)
• Misty Mint Studio color palette (#DADCFC, #00EEAA, #FF9EA6, #4C3833, #322723)
• Mint Harbor color palette (#FFF3E3, #DED473, #70CE95, #A15D49, #38352E)

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