Cocoa Market color palette — #D0F2ED · #7C9F8C · #7B5A72 · #5C4600 · #2B3F1D
Built around Bronze, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D0F2ED): A whisper-light, dusty teal — the color of glacier melt.
- Eucalyptus (#7C9F8C): A luminous, dusty teal — the color of sea glass.
- Graphite (#7B5A72): A full-bodied, dusty pink — the color of neon signs at night.
- Bronze (#5C4600): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Forest (#2B3F1D): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Cocoa Market 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 Ash color palette (#D2EFDC, #8096C2, #6D5980, #454F22, #023F2E)
- Chestnut Drift color palette (#D3EBD1, #7FAE9D, #7875A1, #685115, #2A4F2F)
- Tempered Cocoa color palette (#DFE9DB, #8D9D80, #3C758B, #6C342C, #4C3900)
- Antique Powder Lagoon color palette (#C4EFF2, #94BCEF, #9A8FC1, #557C68, #423A04)
- Wandering Meadow color palette (#D8FAE3, #C7B1C7, #A07884, #5F653A, #2E533B)
- Weathered Basalt color palette (#DBE9FF, #8897BC, #6E5B89, #5D2B3A, #320B0C)
- Petrol Atelier color palette (#F8ECE6, #96BCA3, #00719D, #005144, #0A2D59)
- Ancient Terracotta Studio color palette (#F1D4EC, #A4A5D4, #9078AF, #874757, #532B29)
Browse the whole catalog at Explore, or see today's palette.