Muted Cocoa Alley color palette — #F6E0AF · #86B6AD · #44848A · #5D3400 · #251A00

A conversation between Cocoa and Peach Cream, giving this palette its sense of trust and stability.

The five colors

• Peach Cream (#F6E0AF): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#86B6AD): A luminous, dusty teal — the color of glacier melt.
• Storm Blue (#44848A): A full-bodied, dusty blue — the color of deep harbor water.
• Cocoa (#5D3400): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#251A00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Petrol Lagoon color palette (#DDF5E5, #79B290, #368096, #553D00, #002512)
• Aged Lagoon Garden color palette (#F2DACD, #9DA778, #008D7F, #6D3140, #2A030F)
• Dusty Lagoon color palette (#E8EDDB, #389B88, #346188, #59240D, #301C00)
• Hushed Cerulean Dune color palette (#D2E5DC, #6FACAB, #1B8CB8, #895270, #471414)
• Denim Bloom color palette (#E9EBD5, #64A185, #00658A, #3F3100, #0B0700)
• Navy Thicket color palette (#CFEED5, #55909D, #464384, #222700, #030400)
• Dusty Seafoam Archive color palette (#E8FFC4, #83D8AC, #3B9EBE, #6E5500, #2A3B00)
• Dusty Driftwood Pier color palette (#D5FDFF, #A1CADD, #837DB3, #426643, #00361B)

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