Cocoa Market color palette — #D9E5F6 · #BF9DB3 · #866B90 · #6D4600 · #2D2C00

A conversation between Bronze and Slate, giving this palette its sense of nature and growth.

The five colors

• Frost (#D9E5F6): A whisper-light, dusty blue — the color of deep harbor water.
• Mauve (#BF9DB3): A luminous, dusty pink — the color of a candy shop window.
• Slate (#866B90): A full-bodied, dusty pink — the color of peonies in June.
• Bronze (#6D4600): A full-bodied, balanced gold — the color of old brass.
• Espresso (#2D2C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Hushed Station color palette (#F8DCE8, #C398BA, #93736C, #44512A, #232A13)
• Driftwood Lagoon color palette (#D5EFDA, #7FA7C4, #6C78A0, #653A34, #3B2813)
• Weathered Delta color palette (#FEE0F5, #D0A9B5, #A98183, #745706, #3A3932)
• Chestnut Workshop color palette (#CAE2FF, #ABB3CD, #8C84AA, #795F3B, #47491F)
• Aged Fern Dune color palette (#CDE9F1, #89ADB7, #65789B, #4F6132, #125150)
• Worn Basalt Atelier color palette (#F9D7D8, #AD847B, #865236, #304400, #002022)
• Fern Workshop color palette (#E0FFDF, #A7DCCE, #B69ABF, #636A22, #1E3E1F)
• Worn Fern Workshop color palette (#FCF0DF, #A8A172, #606B35, #194E5D, #251A00)

Browse the whole catalog at Explore, or see today's palette.