Timeworn Cocoa Workshop color palette — #FFF2EE · #E6D7C7 · #E8BF92 · #9E6D89 · #793C1F

Bronze and Sand set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E6D7C7): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#E8BF92): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mocha (#9E6D89): A full-bodied, dusty pink — the color of a candy shop window.
• Bronze (#793C1F): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication, Softness. Tagged pastel, light, muted, warm.

Use it as a design system

One click turns Timeworn Cocoa Workshop 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

• Cocoa Pier color palette (#FFF2EA, #DEDCCC, #BFCAA3, #AF887C, #76430D)
• Dusty Shell Pier color palette (#FFF1F3, #E3D7D0, #FFB5B9, #8679A3, #604848)
• Antique Parlor color palette (#FFEDEB, #E3D7C0, #B9C59C, #9D7582, #3F2922)
• Antique Bronze Villa color palette (#FDF3E8, #B8A579, #916A36, #70462A, #403D36)
• Tempered Clover Balcony color palette (#FAE9D3, #DDD07E, #86B552, #8A4F22, #36332C)
• Gentle Mulberry color palette (#FFF2EC, #FFCAA3, #CDA600, #AE144E, #522713)
• Dusty Olive Lantern color palette (#FBF4ED, #D4A37B, #587D00, #8D4D00, #262516)
• Garnet Station color palette (#EEDACA, #AF873A, #6C7200, #670302, #120800)

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