Cocoa Market color palette — #D3F1FD · #006C76 · #753900 · #003339 · #1D0900

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

The five colors

• Frost (#D3F1FD): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#006C76): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#753900): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#003339): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#1D0900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Powdered Mulberry color palette (#CEF3FC, #006E68, #8E003C, #003431, #25000A)
• Muted Courtyard color palette (#D6EDF4, #005666, #623200, #372900, #00090D)
• Denim Boulevard color palette (#D1E4FA, #005FAE, #524E00, #002D57, #121000)
• Rust Summit color palette (#CFEFFA, #0085A1, #AF3800, #004D5F, #220500)
• Olive Parlor color palette (#DCE9DC, #726900, #4D3200, #350D00, #050F00)
• Muted Amethyst Garden color palette (#E2E7FF, #754CD2, #4F6200, #430090, #171E00)
• Cobalt Ridge color palette (#D8E7F1, #0079B0, #003854, #00111D, #000204)
• Dusty Loft color palette (#D0E3ED, #74A2D4, #9F56B3, #004E36, #001E30)

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