Timeworn Cocoa color palette — #FAF4ED · #C7DFCE · #9DB88D · #A3797C · #554400

Deep Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Celadon Mist (#C7DFCE): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9DB88D): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#A3797C): A luminous, dusty red — the color of embers at dusk.
• Deep Olive (#554400): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Stone Studio color palette (#EEF8F0, #C2E9D1, #B9B983, #AB919F, #3F5247)
• Worn Bronze color palette (#F4F7EB, #BDEBD4, #68ABAF, #996954, #303D27)
• Weathered Study color palette (#F0F8F0, #A1CCB6, #618B81, #686275, #425149)
• Bronze Coast color palette (#FFF2EB, #E2DDC1, #CEAE68, #87781B, #4B4A43)
• Weathered Chestnut color palette (#F8F1E5, #D2C29E, #868656, #895224, #34312A)
• Jade Studio color palette (#FBF5E6, #CBE2B0, #41A96C, #96526B, #233502)
• Softworn Fern color palette (#EFDEC7, #939245, #2D5B00, #3B2700, #010100)
• Lilac Studio color palette (#FBF5E4, #D1D092, #98BCF8, #A595E0, #3A3831)

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