Cocoa Summit color palette — #D7E7B9 · #93A383 · #5C7D66 · #704140 · #441E0F
Coffee takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#D7E7B9): A whisper-light, dusty green — the color of a quiet forest floor.
- Taupe (#93A383): A luminous, dusty green — the color of new leaves after rain.
- Pewter (#5C7D66): A full-bodied, dusty teal — the color of sea glass.
- Coffee (#704140): A full-bodied, dusty orange — the color of sun-warmed clay.
- Espresso (#441E0F): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Cocoa Summit 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
- Dusty Cocoa Grove color palette (#B9ECD5, #8DA98F, #887188, #704000, #452608)
- Weathered Study color palette (#EBEFD6, #A7C0A0, #6E9083, #854B23, #543100)
- Antique Denim Basin color palette (#CCE9D8, #8FAEA2, #816882, #64436E, #5C2C34)
- Cypress Corridor color palette (#F6F2E3, #A0A479, #257459, #48491F, #1D1E00)
- Spruce Dune color palette (#D5F0DA, #6EA192, #675B87, #463E0C, #012503)
- Denim Thicket color palette (#E4F4DF, #469085, #005870, #481B0E, #250C00)
- Bronze Boulevard color palette (#EDF6E1, #BDD5C5, #A596A5, #916428, #483E00)
- Wandering Glacier Quarry color palette (#DEFCFF, #A0E2DC, #77A2B3, #626E87, #353A53)
Browse the whole catalog at Explore, or see today's palette.