Timeworn Cocoa color palette — #CAE9EF · #006058 · #613B00 · #2F2900 · #000202

A conversation between Bronze and Pine, giving this palette its sense of nature and growth.

The five colors

• Frost (#CAE9EF): A whisper-light, dusty blue — the color of open sky before noon.
• Pine (#006058): A full-bodied, dusty teal — the color of sea glass.
• Bronze (#613B00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#2F2900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Onyx Garden color palette (#C3E5F1, #004045, #431F00, #051800, #000203)
• Denim Delta color palette (#D8E9FD, #005495, #275100, #003223, #000206)
• Ancient Garnet Market color palette (#E0F2ED, #3D5E00, #84002D, #471900, #010200)
• Powdered Cobalt Drift color palette (#EED6F0, #006DC5, #765E00, #564400, #050006)
• Eclipse Mulberry Chapel color palette (#E7DDEC, #A10256, #5E2400, #221A00, #000300)
• Quiet Hollow color palette (#CFE9FA, #007A9C, #656500, #125102, #001017)
• Aged Ridge color palette (#D7E5FF, #5A76FF, #008F47, #006660, #111947)
• Garnet Canyon color palette (#FBE8F3, #87409A, #6D0055, #351500, #09000A)

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