Cocoa Alley color palette — #F7E7EE · #5F2D00 · #231E00 · #000D01 · #020104

Cocoa and Onyx set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F7E7EE): bright and airy, almost weightless.
• Cocoa (#5F2D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#231E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000D01): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#020104): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Twilit Garnet color palette (#F3ECFF, #690056, #3B2B2B, #231F00, #00090F)
• Chestnut Archive color palette (#F7DFEC, #8A5E34, #513700, #022703, #001313)
• Nocturne Garnet Canyon color palette (#EEE1ED, #3E4800, #5C000D, #221A08, #0D0100)
• Deep Mulberry Bloom color palette (#FFE6E7, #98007C, #3D3A00, #001E2C, #000207)
• Pale Brick color palette (#F4E4F3, #D74C81, #A90028, #641D00, #0B0000)
• Inked Studio color palette (#DCF6EE, #43692F, #00360A, #2A0D00, #020800)
• Patina Scarlet Balcony color palette (#EADBD4, #D50F03, #744D00, #2F3C00, #050005)
• Eclipse Fern Quarry color palette (#C6E7E0, #2F5600, #00322D, #001623, #080023)

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