Cocoa Thicket color palette — #FEF3E9 · #C7E0CC · #9BB891 · #788C79 · #574400
A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FEF3E9): a clean, paper-quiet neutral.
- Celadon Mist (#C7E0CC): A whisper-light, dusty teal — the color of sea glass.
- Sage (#9BB891): A luminous, dusty green — the color of fresh herbs.
- Eucalyptus (#788C79): A luminous, dusty green — the color of fresh herbs.
- Deep Olive (#574400): 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
- Antique Stone color palette (#ECF9F3, #C4E7DB, #8EC2B6, #7EA29F, #3F524C)
- Weathered Boulevard color palette (#FFF3E8, #D5E7BB, #8EA870, #8C6C76, #3B3831)
- Powder Terrace color palette (#FAF4EE, #C5DFEE, #CBBBEB, #619E9C, #5F4450)
- Wandering Driftwood Pier color palette (#F4F2E9, #C8C4AA, #89873E, #5D6822, #32312A)
- Patina Lagoon Alley color palette (#FCF5E3, #9ACB85, #008B6D, #2D5B4A, #1A1A00)
- Cocoa Boulevard color palette (#E6FBF4, #D7DCF9, #F1C193, #739FC7, #653B00)
- Timeworn Market color palette (#E2FCF4, #9CD2FF, #D5B67C, #B69F73, #253E37)
- Tempered Powder color palette (#E2FFDE, #B5EDFF, #7DC1F3, #7184B1, #5D4252)
Browse the whole catalog at Explore, or see today's palette.