Timeworn Cocoa Ridge color palette — #FFF3E9 · #C4A076 · #956647 · #7A401B · #413C36

A conversation between Bronze and Walnut, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Camel (#C4A076): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#956647): A full-bodied, dusty gold — the color of old brass.
• Bronze (#7A401B): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#413C36): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Timeworn Cocoa Ridge 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 Bloom color palette (#FEF5DC, #A2AE74, #7A743F, #6C4A00, #414000)
• Faded Rust Ridge color palette (#FFEADD, #D08A59, #A74825, #6F3535, #492F0C)
• Antique Pewter color palette (#FFF0F7, #ACC6AC, #AD866D, #8A5B55, #2E4336)
• Antique Driftwood color palette (#FFF1F7, #EBC4D2, #D1A180, #AE7A62, #324231)
• Patina Marigold Pier color palette (#FCF5E3, #CCA95F, #5E5100, #312E27, #1B1D13)
• Soft Amber Garden color palette (#FAD9A8, #AA8A00, #7A5200, #5B2F00, #2C2A00)
• Mustard Station color palette (#F7F5EC, #AFB750, #00807A, #606519, #1E271D)
• Bronze Boulevard color palette (#FCEAD6, #91710F, #603D00, #401D00, #1A1700)

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