Cocoa Alley color palette — #D7E6BC · #7CC1CA · #6A90BA · #825E44 · #663800

A conversation between Bronze and Slate Blue, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#D7E6BC): A whisper-light, dusty green — the color of fresh herbs.
• Ash (#7CC1CA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#6A90BA): A luminous, dusty blue — the color of open sky before noon.
• Walnut (#825E44): A full-bodied, dusty gold — the color of old brass.
• Bronze (#663800): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Patina Basalt Lagoon color palette (#DDEFE1, #94BBDB, #8F84AF, #70693A, #4F4500)
• Antique Chestnut color palette (#F0EAC7, #B0BE9D, #4E98A6, #914F37, #70390B)
• Bronze Villa color palette (#EFFAE1, #BCD5C1, #8D9EC5, #9B6B32, #5D4E00)
• Petrol Courtyard color palette (#D4F4E8, #4FA7B8, #346DB1, #6C4100, #352400)
• Aged Chapel color palette (#C6EAC7, #9BCADA, #93A9CA, #967587, #563D4B)
• Ember Thicket color palette (#DFF4EC, #59C6FF, #D15E00, #007BAB, #53280F)
• Washed Driftwood Coast color palette (#DBE8F5, #A49BC7, #9D6B92, #46684B, #183D25)
• Softworn Azure color palette (#FCF3ED, #BADECD, #549ADE, #007C79, #4D2E47)

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