Timeworn Cocoa color palette — #D7EAD8 · #006F74 · #644500 · #303B00 · #000C07

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

The five colors

• Honeydew (#D7EAD8): A whisper-light, dusty green — the color of new leaves after rain.
• Teal (#006F74): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#644500): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#303B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000C07): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Twilit Basin color palette (#CBE6D7, #005F76, #484000, #012D05, #000202)
• Tempered Basin color palette (#DDE6D3, #008258, #7F3200, #453100, #020700)
• Faded Villa color palette (#D5F8EB, #0081BA, #5F6C00, #005A3A, #001E21)
• Wandering Atelier color palette (#F9E5F2, #6870C7, #006F42, #004D4F, #001120)
• Washed Plum Corridor color palette (#FFE5E0, #B64A69, #7D4000, #363500, #00170C)
• Misty Cornflower Station color palette (#CFDFF9, #4A7FFF, #8F6C00, #6E5200, #000704)
• Olive Lantern color palette (#FFF0FD, #5D90F3, #348D15, #005F53, #002432)
• Washed Fern Coast color palette (#ECF9F0, #3BAAC2, #957D2F, #396C1C, #22301C)

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