Timeworn Cocoa color palette — #DDF3FC · #00686F · #6C3C00 · #003034 · #060200

Bronze takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DDF3FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#00686F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#6C3C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#003034): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#060200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Sophistication. 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

• Tempered Garnet Study color palette (#CCECF7, #006983, #882100, #003240, #230400)
• Charred Study color palette (#D0E6F7, #005373, #453B00, #002232, #020100)
• Mulberry Delta color palette (#D7F0F4, #006A5F, #820060, #00322C, #090005)
• Dusty Atelier color palette (#D1E5FF, #0052C1, #534A00, #00255F, #030300)
• Rust Summit color palette (#D7F1E3, #008CAC, #AD3E00, #004354, #030000)
• Fern Atelier color palette (#E4F2E5, #686507, #493100, #2D0C00, #000202)
• Hushed Corridor color palette (#C9EDFB, #6E95E1, #9C4EB8, #00503C, #00060F)
• Washed Canyon color palette (#ECEBCA, #AA5200, #006A8F, #080C13, #000103)

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