Cocoa Alley color palette — #EBDFD4 · #C7B9A0 · #989277 · #5B2F00 · #020100

Built around Cocoa, softened by Eucalyptus — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#EBDFD4): bright and airy, almost weightless.
• Stone (#C7B9A0): A luminous, dusty gold — the color of honey in a jar.
• Eucalyptus (#989277): A luminous, dusty green — the color of fresh herbs.
• Cocoa (#5B2F00): A deep, shadowed, balanced gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Tempered Onyx color palette (#E7DFE2, #919E93, #577A68, #412200, #13040A)
• Worn Fern Dune color palette (#F0EFE2, #CDD4BB, #95AF8C, #415600, #030300)
• Washed Chestnut Courtyard color palette (#F3EAE3, #A0A294, #7C9175, #974C00, #120600)
• Driftwood Canyon color palette (#EADDD3, #96823A, #335D3A, #281138, #0D0004)
• Hushed Olive Thicket color palette (#E5DFCA, #518B41, #004832, #390213, #000200)
• Shadow Chestnut Alley color palette (#E5DED1, #935000, #2F3600, #050036, #020100)
• Hushed Bronze Archive color palette (#FCF4E9, #D9E2CD, #B8C8B7, #93702A, #241D14)
• Worn Coral Summit color palette (#F6EAD7, #FF594A, #9D7D00, #006B2A, #010100)

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