Cocoa Alley color palette — #F5D6E5 · #BA8E6A · #875839 · #5F2E1A · #280E18

A conversation between Cocoa and Coffee, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F5D6E5): A whisper-light, dusty rose — the color of pressed rose petals.
• Caramel (#BA8E6A): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#875839): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#5F2E1A): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#280E18): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, 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

• Chestnut Field color palette (#F7E4D6, #B19067, #8C5332, #6C2E2C, #33302A)
• Hushed Cocoa Market color palette (#D1E8D0, #AB956D, #7E5E30, #5B3302, #021E0E)
• Dusty Station color palette (#FFE7F0, #956728, #633700, #3A1800, #090400)
• Muted Cocoa Coast color palette (#FFF0F8, #E8BF8F, #B27B5E, #7F4542, #062916)
• Washed Lagoon Station color palette (#E7F6EF, #A3C4B7, #628E7A, #40614E, #1D312B)
• Tempered Petrol Studio color palette (#CCF2F3, #008A65, #2467A5, #564000, #001415)
• Dusty Taupe Basin color palette (#D7EFED, #A2A656, #00552E, #002310, #000707)
• Patina Turquoise color palette (#D3E5E9, #3EADCF, #006D96, #003B5E, #001633)

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