Timeworn Cocoa color palette — #E8F7DB · #007560 · #703400 · #3B3000 · #031E01

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

The five colors

• Honeydew (#E8F7DB): A whisper-light, dusty green — the color of new leaves after rain.
• Teal (#007560): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#703400): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#3B3000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#031E01): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant, 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

• Wandering Atelier color palette (#D7FFE7, #007086, #524700, #103500, #001E1B)
• Aged Garnet color palette (#F2F1D5, #4C6B00, #800035, #502000, #1C1600)
• Washed Cobalt Chapel color palette (#E8F4FF, #0087BF, #866000, #554000, #001C09)
• Plum Alley color palette (#FFF2EF, #CD1B66, #6F4C00, #384100, #00281A)
• Wandering Mulberry Lantern color palette (#FFEDED, #98006C, #6A3900, #383200, #00210A)
• Ancient Fern Pier color palette (#FDF3EC, #2775AC, #4B6600, #005138, #192C20)
• Worn Bronze color palette (#FEF2F2, #B776A1, #995D2D, #5F4F07, #33342D)
• Sapphire Terrace color palette (#FFE8FE, #0068CA, #6D2E00, #491C00, #000A06)

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