Timeworn Cocoa color palette — #FFF2EA · #D5FCCC · #DEDDCB · #C69F8D · #653E00

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Honeydew (#D5FCCC): A whisper-light, dusty green — the color of new leaves after rain.
• Bone (#DEDDCB): A whisper-light, dusty green — the color of new leaves after rain.
• Camel (#C69F8D): A luminous, dusty orange — the color of toasted spice.
• Bronze (#653E00): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Wandering Cocoa color palette (#FFF2EF, #E2D7D0, #A3B3B0, #C598B2, #672A11)
• Amber Grove color palette (#FDF8C0, #BEF4DC, #B9DEEE, #B48E46, #484000)
• Softworn Emerald color palette (#EFE2C4, #AEBF70, #369E53, #593600, #020100)
• Patina Bronze Archive color palette (#FFF2EA, #FFD3B2, #C1917E, #98573C, #36312B)
• Bronze Courtyard color palette (#FFF1F7, #E9D4D1, #D7BB7F, #B66D4C, #5D434C)
• Patina Terracotta color palette (#FFF2E9, #E8BF65, #96AD55, #943F1B, #050200)
• Tempered Sand color palette (#F9F2FF, #BCFCFF, #FFD691, #553700, #1A130A)
• Bronze Loft color palette (#FCF4E7, #FFE2A5, #8C7335, #3C3831, #140E06)

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