Timeworn Cocoa color palette — #EDFAE7 · #007C6C · #793D00 · #423A00 · #0B2D10

Built around Bronze, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Ivory (#EDFAE7): A whisper-light, dusty green — the color of a quiet forest floor.
• Teal (#007C6C): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#793D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#423A00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Forest (#0B2D10): 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

• Denim Corridor color palette (#DEFDE9, #00667A, #4E3F00, #183300, #00201B)
• Antique Coast color palette (#F8F7DB, #4F7E00, #92113D, #582700, #272100)
• Hushed Forest color palette (#EBF9F4, #5389AE, #5E6E3E, #165D41, #243529)
• Petrol Basin color palette (#EEF8F3, #CADEE0, #C7B6C7, #17739C, #33443D)
• Misty Byzantium Terrace color palette (#EDF6FF, #008FDC, #A93EBC, #785000, #002B2E)
• Deep Loft color palette (#D7EDDC, #004B54, #3B2B00, #0F1E00, #000906)
• Chalky Aubergine Delta color palette (#FFEBFB, #4F6CDB, #71299D, #543300, #001312)
• Pale Lantern color palette (#FFF0FB, #5D73DA, #7D368C, #7A002E, #003744)

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