Cocoa Alley color palette — #EFF8F2 · #418B9D · #895261 · #664200 · #293800

Bronze takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EFF8F2): bright and airy, almost weightless.
• Cerulean (#418B9D): A full-bodied, dusty blue — the color of open sky before noon.
• Graphite (#895261): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#664200): A full-bodied, balanced gold — the color of old brass.
• Forest (#293800): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Timeworn Pewter color palette (#F0F8EF, #35918A, #834E7D, #7A3C27, #383831)
• Washed Corridor color palette (#FCF2FA, #687EA8, #97583D, #485816, #26382B)
• Antique Chestnut Field color palette (#EBF9F5, #6F9DC6, #8E5D86, #7D4203, #2A4C2A)
• Hushed Plum Cabin color palette (#EBF5ED, #36A1A9, #9B4B80, #3B521F, #121D14)
• Soft Garnet color palette (#DEFDF3, #007DB9, #990113, #493B00, #002A24)
• Chestnut Dune color palette (#FDF4E5, #83ADCC, #6D71A8, #804928, #544054)
• Muted Cerulean Canyon color palette (#F0F7F4, #E4DCDF, #CFC0C3, #478BAD, #4D5551)
• Cobalt Market color palette (#FAEDF8, #5C7DB5, #483641, #30242F, #121B1B)

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