Timeworn Cocoa Grove color palette — #FBF4ED · #C9DFCC · #9EB88C · #A07A80 · #594300

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

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Celadon Mist (#C9DFCC): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#9EB88C): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#A07A80): A luminous, dusty red — the color of embers at dusk.
• Deep Olive (#594300): A deep, shadowed, balanced gold — the color of honey in a jar.

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

Use it as a design system

One click turns Timeworn Cocoa Grove 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

• Fern Loft color palette (#F8F5EC, #C2DFD7, #A1B694, #629181, #474B00)
• Timeworn Taupe color palette (#FCF4EB, #D6E1C4, #84AA81, #8F697F, #3A3831)
• Stone Ridge color palette (#FDF1F5, #A3CCB7, #5E8B84, #666279, #405249)
• Softworn Powder Corridor color palette (#FFF1F5, #E3DAD2, #A7B1E9, #A2B2AA, #5D4644)
• Wisteria Meadow color palette (#FFF1F3, #FED6FE, #AFDA9E, #C27DC3, #464740)
• Ancient Driftwood color palette (#F6F1E7, #BDCA9E, #858840, #4E685F, #32312A)
• Antique Aubergine Basin color palette (#ECDFCD, #889650, #005E2E, #34145F, #010100)
• Driftwood Hollow color palette (#FFF0FD, #E4D5E6, #C496D6, #A86597, #6D4944)

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