Cocoa Workshop color palette — #FBF4EB · #C8DFCD · #A2B68D · #987C8F · #574300

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 (#FBF4EB): bright and airy, almost weightless.
• Celadon Mist (#C8DFCD): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#A2B68D): A luminous, dusty green — the color of fresh herbs.
• Heather (#987C8F): A luminous, dusty pink — the color of peonies in June.
• Deep Olive (#574300): A deep, shadowed, balanced gold — the color of old brass.

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

Use it as a design system

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

• Aged Fern Delta color palette (#F6F6EC, #BBE2DB, #80BCB2, #6A907F, #3D4E02)
• Timeworn Taupe Thicket color palette (#FCF4E9, #D6E4BD, #8AA975, #90697C, #3A3831)
• Antique Veranda color palette (#F0F8F0, #A0CDB7, #588D82, #5E6678, #3F5249)
• Timeworn Lilac color palette (#FFF1F5, #F5D2E9, #A2DDA9, #AC87CE, #464740)
• Tempered Station color palette (#F5F2E6, #BDCA9D, #768A64, #576654, #32312A)
• Patina Powder Summit color palette (#FFF1F5, #E4D8D2, #B2B4E1, #A5B3AE, #63494B)
• Antique Aubergine Lagoon color palette (#EFDEC6, #909355, #275C00, #2D1369, #010100)
• Timeworn Atelier color palette (#F8F6E8, #B5DCB7, #329E83, #75567B, #272B0A)

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