Cocoa Market color palette — #FAF0E2 · #86B1D2 · #7173A3 · #724529 · #362636

A conversation between Bronze and Slate, giving this palette its sense of trust and stability.

The five colors

• Cream (#FAF0E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Blue Fog (#86B1D2): A luminous, dusty blue — the color of deep harbor water.
• Slate (#7173A3): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#724529): A full-bodied, dusty gold — the color of old brass.
• Onyx (#362636): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged 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

• Dusty Veranda color palette (#E8F5F2, #75A0CC, #886383, #6C4021, #292904)
• Softworn Teal color palette (#FCF0DD, #6ABCBA, #48809E, #74404D, #1D3223)
• Worn Summit color palette (#EAF9F1, #6FB5BC, #6E72A3, #615B1F, #314B5D)
• Hushed Petrol Courtyard color palette (#F5F1EA, #C5E5E7, #7DA0C3, #38757F, #432E41)
• Wandering Lilac Ridge color palette (#FFF0D8, #AD8CCA, #905574, #434C11, #34191F)
• Wandering Bronze color palette (#EAFAED, #9AC3E4, #898CC6, #995E3A, #3B495A)
• Patina Field color palette (#F8E8F6, #5F81C5, #48343F, #241B23, #080E0C)
• Antique Lilac Drift color palette (#F8EEF9, #D1D1E8, #A4C8FF, #A38ECF, #3F2839)

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