Timeworn Cocoa color palette — #FCF1FC · #93B1E2 · #B5925F · #5573A5 · #6A4400

Bronze and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF1FC): bright and airy, almost weightless.
• Sky (#93B1E2): A luminous, dusty violet — the color of twilight just after sunset.
• Caramel (#B5925F): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#5573A5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#6A4400): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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 Cobalt color palette (#FFF0F8, #ABA9E2, #90A166, #6E69A9, #4E4D46)
• Muted Taupe Quarry color palette (#EBF9F1, #7DBACE, #BF8D61, #307D94, #524C46)
• Patina Driftwood color palette (#FFF0FE, #7599CE, #AC8047, #7C784A, #4D3C4C)
• Cobalt Lagoon color palette (#ECF3FB, #97B6DD, #72AB8A, #4173B2, #003939)
• Powdered Cornflower color palette (#FAF2FB, #A4C7F2, #7EC39B, #478EDF, #2B583F)
• Patina Bronze color palette (#FFF2EA, #CDB397, #AC7046, #73564C, #5E4200)
• Driftwood Lagoon color palette (#FCF1FC, #E7D7D7, #AFAF9F, #6F9B85, #5A4752)
• Feathered Mulberry color palette (#FFF1F4, #BA8CC2, #539C6B, #884794, #234D31)

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