Cocoa Market color palette — #FFE8F0 · #967A99 · #8D5A4E · #594800 · #121400
A conversation between Deep Olive and Walnut, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFE8F0): A whisper-light, dusty rose — the color of pressed rose petals.
- Heather (#967A99): A luminous, dusty pink — the color of a candy shop window.
- Walnut (#8D5A4E): A full-bodied, dusty orange — the color of sun-warmed clay.
- Deep Olive (#594800): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#121400): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Worn Garnet color palette (#E4DCFC, #947AA2, #885483, #781B00, #260E00)
- Forest Orchard color palette (#F9D6C5, #B18B6C, #917130, #236A2D, #00281A)
- Patina Mulberry color palette (#D0E3F9, #716B97, #6F3A60, #003717, #001213)
- Hushed Lantern color palette (#FFDEDD, #BE9CB3, #BA7A46, #626E37, #0D2C00)
- Inked Summit color palette (#F4EAFF, #77497D, #552844, #2C1200, #050200)
- Antique Petrol color palette (#D6E2E0, #7BA8BC, #00819F, #005D60, #000B12)
- Pine Workshop color palette (#D6E8E4, #63976B, #007548, #00515F, #000901)
- Dusty Basalt Alley color palette (#F4DDFE, #D6C1D6, #CE9688, #628972, #3F4815)
Browse the whole catalog at Explore, or see today's palette.