Cocoa Alley color palette — #F1E1EA · #A16540 · #762900 · #4F0900 · #251000

A conversation between Rust and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Rose Water (#F1E1EA): A whisper-light, dusty pink — the color of a candy shop window.
• Ochre (#A16540): A full-bodied, balanced gold — the color of old brass.
• Rust (#762900): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#4F0900): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#251000): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

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

• Cocoa Atelier color palette (#D3E8D3, #8A7242, #5F3E00, #3C2000, #1D1500)
• Wandering Chestnut color palette (#FAE4EF, #AD7B55, #883D00, #611D00, #361D00)
• Amber Ridge color palette (#FEDDC7, #E4823E, #BE5C2D, #834739, #241100)
• Timeworn Cocoa color palette (#F6E1E9, #B18A97, #8C5420, #6C3002, #213623)
• Midnight Fern color palette (#D5EBDE, #605C0B, #342B00, #170F00, #030400)
• Wandering Canyon color palette (#C7F0F1, #006142, #6F2B00, #362500, #001209)
• Powdered Olive Chapel color palette (#DBF6E9, #99A460, #706D00, #554900, #2E3B13)
• Weathered Olive Workshop color palette (#DFF0F9, #4F8C47, #34362C, #002C37, #000B10)

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