Cocoa Market color palette — #FFE3EE · #784100 · #00445F · #331900 · #00070D

Bronze and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFE3EE): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#784100): A full-bodied, balanced gold — the color of old brass.
• Navy (#00445F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#331900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#00070D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Patina Terracotta Summit color palette (#F9E3F5, #9B030E, #00474D, #440103, #000809)
• Deep Loft color palette (#F5E9DF, #5E3300, #003852, #1C1843, #040100)
• Chestnut Villa color palette (#CBEBD9, #7B5700, #282832, #181500, #030200)
• Nightshade Field color palette (#F8EBCA, #644E00, #231FA5, #2A1F00, #020023)
• Bronze Bloom color palette (#EDE0D7, #A64A00, #005B99, #5C2600, #000611)
• Worn Aubergine color palette (#D6F0E9, #4A6B00, #5B13AF, #213300, #150032)
• Feathered Bronze Boulevard color palette (#F3DBC6, #B9650B, #007AAB, #7F4200, #00070E)
• Aged Cobalt Workshop color palette (#CEE5D3, #A07700, #006DBA, #5D4400, #002A4D)

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