Cocoa Thicket color palette — #FAF5EA · #C4E0CC · #ABB488 · #9A7F77 · #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 (#FAF5EA): a clean, paper-quiet neutral.
• Celadon Mist (#C4E0CC): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#ABB488): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#9A7F77): A luminous, dusty orange — the color of sun-warmed clay.
• 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 Cocoa Thicket 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

• Weathered Bronze Workshop color palette (#F3F7E8, #AFEEEC, #69AE99, #986D30, #2E4000)
• Driftwood Field color palette (#EFF8F2, #A6CABA, #7C8853, #725E72, #42514A)
• Patina Cocoa color palette (#FFF2F0, #F1D4CD, #DD959F, #AA7073, #7E4025)
• Ancient Olive Pier color palette (#F9F6E3, #ABC58D, #568448, #734231, #1B1900)
• Muted Driftwood Courtyard color palette (#F0DFC2, #9E8E36, #525100, #481D00, #020100)
• Worn Moss color palette (#FCF5E0, #D4E19D, #819D58, #96574E, #2C3203)
• Wandering Stone color palette (#FFF2EC, #E2D9D1, #E0A193, #915B51, #47211A)
• Dusty Forest color palette (#F5F7E4, #78B286, #00724C, #56320B, #060900)

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