Timeworn Cocoa color palette — #FDF3EA · #B9F1D9 · #99B992 · #957F85 · #564400

Built around Deep Olive, softened by Mint — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF3EA): bright and airy, almost weightless.
• Mint (#B9F1D9): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#99B992): A luminous, dusty green — the color of new leaves after rain.
• Driftwood (#957F85): A luminous, dusty rose — the color of pressed rose petals.
• Deep Olive (#564400): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Worn Balcony color palette (#FFF3E7, #EEE8B1, #87AA78, #876E7C, #3B3831)
• Dusty Stone Archive color palette (#EFF8F4, #C0E8DD, #8BC2B9, #7DA1AB, #3A534D)
• Antique Petrol Station color palette (#F0F8F0, #AEC8BA, #5F8B81, #566588, #3E5348)
• Ancient Ash color palette (#FFF1F3, #FED6FE, #B9D7A1, #B588B6, #4C4900)
• Weathered Chapel color palette (#F4F2E8, #C6C5A9, #848841, #506950, #32312B)
• Mallow Corridor color palette (#FFF1F4, #E9B5FD, #8ECBA5, #9BA87F, #473137)
• Ancient Workshop color palette (#FFF4DB, #95CD82, #008B6F, #6D4444, #191A00)
• Softworn Wisteria color palette (#FFF0FD, #E5D5EA, #C69CD9, #966683, #5D413D)

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