Cocoa Thicket color palette — #FCF4EA · #C8DFCC · #B3B188 · #7F8A76 · #584300

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 (#FCF4EA): bright and airy, almost weightless.
• Celadon Mist (#C8DFCC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#B3B188): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#7F8A76): A luminous, dusty green — the color of a quiet forest floor.
• Deep Olive (#584300): 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 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

• Muted Summit color palette (#EEF8F3, #C8E6D9, #94C1B3, #74A59E, #3B534A)
• Tempered Pier color palette (#F1F7F0, #A6CBB6, #758A56, #4A6D70, #405248)
• Ancient Fern color palette (#F5F2E9, #CCC49E, #7A8A59, #62671D, #33312A)
• Dusty Terrace color palette (#FCF3EA, #F3E6B5, #96A571, #866D81, #3B3831)
• Fern Canyon color palette (#EEDECA, #97913D, #355900, #242452, #010100)
• Aged Ridge color palette (#E2FCF3, #99D3FF, #E5AD87, #BE9B70, #243E36)
• Weathered Lagoon Lantern color palette (#FAF4EE, #C5DEEB, #E0BFE1, #5C9FA0, #5D4455)
• Washed Lagoon Garden color palette (#FAF6E1, #B3DDB3, #4D9B83, #376C7A, #272A11)

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