Timeworn Cocoa color palette — #F3E5C3 · #88B28F · #638569 · #70444C · #593600

Cocoa and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F3E5C3): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#88B28F): A luminous, dusty green — the color of fresh herbs.
• Fern (#638569): A full-bodied, dusty green — the color of new leaves after rain.
• Coffee (#70444C): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#593600): A deep, shadowed, dusty gold — the color of old brass.

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

• Wandering Atelier color palette (#E0E2C3, #9CAB90, #4C7F94, #824427, #4E4000)
• Muted Cocoa color palette (#FBF4E9, #95A174, #436F47, #614600, #37362F)
• Weathered Cocoa color palette (#DEF3F2, #6F9E8E, #6A6594, #574500, #2B3800)
• Weathered Workshop color palette (#E5E6CF, #669873, #146667, #572231, #471A00)
• Washed Fern Chapel color palette (#E0F4CD, #77BECA, #8F7191, #7F542D, #4B4D00)
• Dusty Petrol color palette (#D0E8CC, #98BD9E, #7B9D8C, #625F93, #4D375E)
• Driftwood Parlor color palette (#BEEDD4, #A2D2CD, #73B3B6, #A16C7D, #533B50)
• Hushed Courtyard color palette (#ECFBE2, #BACDBF, #A391A3, #996233, #634D00)

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