Cocoa Alley color palette — #F9EBD7 · #777A47 · #5A4100 · #431A00 · #031C00

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

The five colors

• Cream (#F9EBD7): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#777A47): A full-bodied, dusty green — the color of a quiet forest floor.
• Bronze (#5A4100): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#431A00): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#031C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Washed Drift color palette (#DAF7DF, #7E7230, #573F00, #351C00, #000704)
• Worn Cocoa color palette (#FFE0CD, #966D35, #742B00, #50001B, #1A1600)
• Aged Cocoa Veranda color palette (#F1E0CA, #8B8B5A, #704E00, #5D2300, #132B08)
• Velvet Atelier color palette (#F3DDCA, #705500, #442100, #290002, #030400)
• Moss Villa color palette (#D6F3D9, #A6A439, #A27300, #7F4B31, #001B17)
• Hushed Study color palette (#FFEBD5, #AC9D58, #935B00, #832107, #2E3B16)
• Washed Basin color palette (#FFEBE2, #9B0A00, #424800, #282C00, #220000)
• Patina Field color palette (#F5DFFA, #BF4D6E, #801400, #371F00, #131500)

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