Timeworn Cocoa color palette — #CEF8FD · #FFEAD5 · #DDD2D7 · #653C00 · #292118

Built around Bronze, softened by Frost — the whole palette hums with optimism and sophistication.

The five colors

• Frost (#CEF8FD): A whisper-light, dusty blue — the color of open sky before noon.
• Cream (#FFEAD5): A whisper-light, dusty gold — the color of old brass.
• Silver (#DDD2D7): bright and airy, almost weightless.
• Bronze (#653C00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#292118): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Weathered Chartreuse color palette (#E3EFFF, #AFF478, #DDCDC7, #36362F, #17170A)
• Worn Chestnut Studio color palette (#F3F4FF, #C3E0FF, #FFC894, #87571E, #362E25)
• Pale Chapel color palette (#DBE4FF, #3FF1C5, #FFA83E, #5B4340, #3B3235)
• Patina Apricot color palette (#E4E6FD, #92D5FF, #FF9E81, #3D2937, #221B1F)
• Wandering Sunflower color palette (#F4F0FF, #51FFEE, #FBC92A, #362900, #120A00)
• Aged Mustard Alley color palette (#FCF4E9, #E2BD7C, #85B7CD, #8679A9, #35312B)
• Washed Lantern color palette (#FAF5E9, #C4B375, #6497B7, #735785, #33241B)
• Taupe Coast color palette (#F9F4ED, #C8DFCB, #8CBC97, #B09757, #1D2012)

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