Wandering Cocoa color palette — #EFF6FD · #5387AA · #6E6196 · #694300 · #283744

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

The five colors

• Ivory (#EFF6FD): bright and airy, almost weightless.
• Storm Blue (#5387AA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#6E6196): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#694300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#283744): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Wandering Cocoa 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

• Tempered Fern color palette (#EAF9F2, #74B5B0, #6377A0, #5F5D0D, #314C59)
• Muted Fern color palette (#F4F4FF, #987CB2, #7E507C, #485100, #2D3443)
• Garnet Villa color palette (#EAF8FE, #4493A1, #2D6988, #723240, #19373A)
• Wandering Cobalt color palette (#E9F3FE, #5A7FAD, #393A50, #1C2A39, #13171D)
• Muted Loft color palette (#E9F5ED, #3694AA, #9F4766, #6D491A, #1C2010)
• Timeworn Indigo Loft color palette (#F1F5FF, #5F66D6, #6737A4, #4E3500, #072746)
• Cerulean Atelier color palette (#F0F6FA, #DAD9E0, #B8A7A8, #4D8CA1, #4C5459)
• Aged Loft color palette (#F0F5FF, #4B59A9, #8B1153, #293900, #141E34)

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