Timeworn Cocoa color palette — #E8E4D2 · #AAAE8A · #387B89 · #603F0A · #2B2D00

Bronze and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E8E4D2): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#AAAE8A): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#387B89): A full-bodied, dusty blue — the color of deep harbor water.
• Bronze (#603F0A): A deep, shadowed, dusty gold — the color of old brass.
• Deep Forest (#2B2D00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Cocoa Dune color palette (#FCECDD, #B0AB87, #65795F, #683826, #3A2111)
• Dusty Lagoon color palette (#DAE2CA, #97AC95, #647AA6, #3F5124, #05331C)
• Basalt Quarry color palette (#F2F5D5, #AAB79B, #709386, #685428, #3A3C00)
• Azure Orchard color palette (#CFF0E8, #88C5B9, #7093C4, #536E50, #2F482C)
• Ash Corridor color palette (#D9EDD2, #78AFBC, #866A8A, #6C4943, #413E37)
• Olive Field color palette (#FBEFE7, #B29D78, #5A6D2A, #09524A, #271900)
• Dusty Quarry color palette (#EBF6E3, #BFD5CB, #AF8D9C, #6E6E25, #434200)
• Weathered Driftwood Delta color palette (#ECE9C9, #778945, #005870, #432C00, #0D1300)

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