Cocoa Summit color palette — #FDF4E7 · #A59B78 · #4D6D3D · #624504 · #37352F
Built around Bronze, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#FDF4E7): a clean, paper-quiet neutral.
- Taupe (#A59B78): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#4D6D3D): A full-bodied, balanced green — the color of new leaves after rain.
- Bronze (#624504): A full-bodied, balanced gold — the color of old brass.
- Espresso (#37352F): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Olive Dune color palette (#E6F7ED, #A2A473, #5D6D00, #4F4719, #092118)
- Antique Cypress color palette (#F6F6EA, #94A179, #007368, #3E5321, #2E3B00)
- Tempered Olive color palette (#FCF5E3, #B7B97A, #788A2B, #6C643A, #37352F)
- Muted Forest Chapel color palette (#ECE4D4, #859358, #0B6721, #004846, #252D00)
- Tempered Oat color palette (#E9FBEA, #CECF88, #88AD74, #738B75, #1E3C30)
- Softworn Meadow color palette (#EFF9E7, #B7E7DF, #8FB3E5, #437B37, #284428)
- Muted Atelier color palette (#E1FFDC, #5BB7A5, #007565, #003F3A, #002622)
- Hushed Meadow color palette (#E9F2E3, #23A488, #B14F93, #006653, #522042)
Browse the whole catalog at Explore, or see today's palette.