Cocoa Market color palette — #D0E2F2 · #006193 · #7E2900 · #002D47 · #080100

Rust and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D0E2F2): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006193): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#7E2900): A full-bodied, balanced orange — the color of toasted spice.
• Midnight (#002D47): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#080100): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Hushed Lagoon color palette (#DBEAFF, #0054BC, #4F4C00, #00265D, #030300)
• Cocoa Loft color palette (#CFE8F5, #00516B, #6B2400, #392D00, #000102)
• Mulberry Lantern color palette (#D7F2F9, #006967, #87004C, #003130, #0A0003)
• Aged Delta color palette (#D1EFFF, #0082B0, #965300, #004C68, #1B0B00)
• Weathered Dune color palette (#D9EDFD, #006791, #810073, #003148, #21001C)
• Powdered Cornflower Terrace color palette (#DAEBFF, #3596FE, #AF5000, #00407C, #280D00)
• Shadow Grove color palette (#D4E8FC, #006FB9, #003E6C, #001024, #000104)
• Ultramarine Courtyard color palette (#EBEDD9, #8D6700, #0056D2, #0C0819, #000105)

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