Cocoa Alley color palette — #C8F7CA · #60C4CC · #6878A3 · #7A4315 · #4E2004

Bronze and Aqua set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#C8F7CA): A whisper-light, dusty green — the color of a quiet forest floor.
• Aqua (#60C4CC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#6878A3): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#7A4315): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#4E2004): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Chestnut Loft color palette (#D0EBE3, #71B3D5, #8477AB, #6B4C00, #372A00)
• Tempered Workshop color palette (#EFEED6, #73BB9C, #2D86AE, #723D3B, #4F201F)
• Washed Cocoa Harbor color palette (#C5F7D6, #78C8D1, #779BC1, #855B6D, #71400D)
• Softworn Canyon color palette (#D1E8DA, #55A1B4, #5E5986, #663400, #2F1000)
• Washed Pewter Veranda color palette (#C5EDFF, #7EB3DA, #8C6C89, #6F4976, #693038)
• Airy Bronze Chapel color palette (#DAFBEB, #2AB7E9, #AC5C00, #006484, #341800)
• Tempered Loft color palette (#C4ECF5, #8197DE, #925791, #444E10, #202700)
• Patina Fern Drift color palette (#DCFBEA, #D7BACD, #A48483, #6F671A, #484200)

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