Muted Cocoa Market color palette — #BAF0F8 · #7FA9BC · #5F7D9B · #614B67 · #5E3225

Cocoa and Slate set the tone — five colors that lean into calm and sophistication.

The five colors

• Frost (#BAF0F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#7FA9BC): A luminous, dusty blue — the color of open sky before noon.
• Slate (#5F7D9B): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#614B67): A full-bodied, dusty pink — the color of peonies in June.
• Cocoa (#5E3225): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Calm, Sophistication. Tagged vintage, retro, muted, cool.

Use it as a design system

One click turns Muted 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

• Pewter Lagoon color palette (#DEF7FF, #A3BDD0, #75849F, #735871, #5E4645)
• Petrol Drift color palette (#B9EBDD, #81A9AC, #557C99, #644B29, #1C311B)
• Pale Cerulean Studio color palette (#C1EBEB, #3793B0, #3E5A84, #5E202A, #4A1A00)
• Muted Basalt Summit color palette (#E3EBF8, #888CB0, #685C7C, #2F533B, #304007)
• Bronze Veranda color palette (#DEF2FF, #0E9ACB, #B75C10, #005F7F, #562600)
• Ancient Cocoa color palette (#D0EDC8, #AAD2B4, #85AFD7, #9C736D, #672F04)
• Worn Dune color palette (#DEEDFF, #A29BCE, #96709E, #745627, #494F16)
• Washed Cerulean Market color palette (#EDDFBC, #ADB69B, #5C9EAB, #7D5F38, #4E4519)

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