Cocoa Market color palette — #FFF5D4 · #D5DDC5 · #9BBCA4 · #A28179 · #793C20
Bronze and Sage set the tone — five colors that lean into optimism and sophistication.
The five colors
- Custard (#FFF5D4): A whisper-light, dusty green — the color of fresh herbs.
- Celadon Mist (#D5DDC5): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#9BBCA4): A luminous, dusty teal — the color of shallow lagoons.
- Caramel (#A28179): A luminous, dusty orange — the color of sun-warmed clay.
- Bronze (#793C20): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Optimism, Sophistication. Tagged vintage, retro, muted, light.
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 Basalt color palette (#FAF5E9, #DAD7AF, #8CB89A, #9C8F6F, #494400)
- Cocoa Dune color palette (#EAF2E5, #81C9B5, #69A1C3, #9D6456, #672B0E)
- Weathered Glacier color palette (#C3FAE3, #7EDAF0, #9AABDA, #A17F5D, #68471A)
- Cerulean Hollow color palette (#D5EDE2, #90C7C2, #5A98A0, #664E6B, #473241)
- Petrol Parlor color palette (#E7F2D3, #49A78B, #0082A3, #744642, #3B0E0E)
- Worn Iris Terrace color palette (#C9E5E9, #86ADD5, #897CB8, #676528, #292800)
- Amber Ridge color palette (#E2FEE4, #66D2D5, #ED99A4, #D08956, #2A3E2B)
- Powdered Teal Lantern color palette (#EDFAE8, #77E2D3, #FAA2A0, #17B6A6, #613333)
Browse the whole catalog at Explore, or see today's palette.