Cocoa Alley color palette — #EADDD3 · #602F00 · #002905 · #000A17 · #040000

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

The five colors

• Bone (#EADDD3): bright and airy, almost weightless.
• Bronze (#602F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#002905): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000A17): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Obsidian Garnet color palette (#F6E3DA, #6D1A00, #322A00, #1D0F04, #00070A)
• Smoked Fern color palette (#EFE8CD, #4B4E00, #002623, #0C002D, #030100)
• Rust Market color palette (#F3D7D6, #B84C1A, #5B3900, #120E00, #010100)
• Mulberry Alley color palette (#FDE4DF, #9C004B, #1B3300, #00051F, #040001)
• Hushed Mulberry color palette (#FDE4E0, #465447, #8F0047, #281E00, #000708)
• Garnet Chapel color palette (#E8DFD9, #C4B9AC, #9C9177, #692000, #030100)
• Navy Quarry color palette (#F7F7E2, #5A7400, #004D3E, #1C006A, #040000)
• Byzantium Alley color palette (#E1DBF4, #AF0CB6, #005C65, #003761, #03000B)

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