Cocoa Alley color palette — #D6EBD4 · #005F5E · #5F3D00 · #292C00 · #000202

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

The five colors

• Honeydew (#D6EBD4): A whisper-light, dusty green — the color of a quiet forest floor.
• Peacock (#005F5E): A full-bodied, dusty teal — the color of shallow lagoons.
• Bronze (#5F3D00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#292C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000202): a grounded near-black with real depth.

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

• Smoked Garnet color palette (#DEE2C6, #0D6410, #860011, #401F00, #000300)
• Weathered Denim color palette (#CEF7EB, #0064A5, #356000, #00402D, #00050E)
• Misty Cobalt Coast color palette (#D2E7FE, #006EC1, #815900, #5E4000, #000206)
• Mulberry Balcony color palette (#FAE9E5, #A11140, #552C00, #1C1C00, #000201)
• Twilit Onyx Workshop color palette (#C6EEE3, #003A62, #4F1000, #0E1500, #000205)
• Powdered Plum Workshop color palette (#FFE8E7, #B92E7C, #865400, #494400, #200011)
• Hazy Pier color palette (#D0E4D5, #0091A1, #886F00, #3D5E00, #001F24)
• Velvet Nightshade color palette (#E4F0FF, #003FB6, #6B0053, #001E18, #000105)

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