Timeworn Cocoa color palette — #FBF4EB · #C8DFCC · #9F7F5A · #633C00 · #221A11

A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Celadon Mist (#C8DFCC): A whisper-light, dusty teal — the color of sea glass.
• Mocha (#9F7F5A): A luminous, dusty gold — the color of old brass.
• Bronze (#633C00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#221A11): A deep, shadowed, dusty gold — the color of old brass.

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

• Dusty Vanilla color palette (#FFF2EE, #FEF8BB, #AC7478, #593F38, #231815)
• Dusty Boulevard color palette (#F4F7E6, #E7E1B5, #518556, #373D00, #0F1106)
• Wandering Cabin color palette (#FDF3E9, #EFDCB6, #B59979, #906227, #33291F)
• Basalt Meadow color palette (#F9EFF2, #ADCCB8, #795B38, #462A01, #1C1014)
• Muted Workshop color palette (#EFF0DB, #D99100, #224700, #1A2526, #030A00)
• Teal Coast color palette (#FAF4ED, #DFDECD, #5DC1BE, #BA9160, #182117)
• Wandering Forest color palette (#F1F7F0, #A7CBAF, #4B6649, #274026, #172924)
• Twilit Atelier color palette (#F3E1C7, #9A7400, #261900, #0C0C06, #020100)

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