Timeworn Cocoa color palette — #EEDDE3 · #866A32 · #633A00 · #3E1700 · #050300

Bronze takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#EEDDE3): A whisper-light, dusty rose — the color of pressed rose petals.
• Walnut (#866A32): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#633A00): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#3E1700): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#050300): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Deep Bronze Balcony color palette (#FEE4C9, #936A00, #563200, #230A00, #020100)
• Tempered Olive color palette (#DAF4E6, #687637, #4C4700, #2F2200, #010500)
• Eclipse Bronze Lagoon color palette (#D2EAEE, #936E00, #00342D, #15171E, #000806)
• Garnet Lagoon color palette (#FFE7F6, #AE8161, #9E3E14, #770014, #221200)
• Bronze Parlor color palette (#D3E6D8, #A4A174, #896E20, #6B4300, #002C21)
• Linen Quarry color palette (#CAEEF7, #00605A, #7A005F, #4E0F00, #000202)
• Aged Navy color palette (#D1E1E6, #008686, #00428A, #004141, #000207)
• Hushed Thicket color palette (#DDF7DE, #C4B47F, #AF7B12, #8E4E00, #393801)

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