Timeworn Cocoa color palette — #FFF2EB · #DCC6B2 · #B9927B · #93695D · #604100

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Oat (#DCC6B2): A whisper-light, dusty gold — the color of old brass.
• Taupe (#B9927B): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#93695D): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Worn Basalt color palette (#FCF4E4, #C4BFA0, #9C8F5D, #856136, #3F4100)
• Washed Canyon color palette (#FFF2EA, #F7D1B4, #D8AA97, #A68C7F, #693B00)
• Driftwood Loft color palette (#FDF2F1, #DCD1A9, #9D706B, #69413D, #352726)
• Driftwood Ridge color palette (#FCF2F8, #D0ACBE, #A37361, #72516A, #544249)
• Cocoa Grove color palette (#ECDCCD, #B49B68, #A35E00, #852A0C, #272500)
• Hushed Basin color palette (#F1E4D0, #929050, #7A5B00, #5D3000, #0F1A00)
• Ancient Terracotta Dune color palette (#FFEADA, #D3AD7B, #C76924, #A33531, #403500)
• Coral Quarry color palette (#FBF3F1, #F6C3B9, #99A35B, #CD677F, #2F2E27)

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