Cocoa Alley color palette — #FFD6DE · #945F60 · #6F3B2C · #363000 · #1A2100

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

The five colors

• Shell Pink (#FFD6DE): A whisper-light, dusty red — the color of late-summer berries.
• Walnut (#945F60): A full-bodied, dusty red — the color of a theater curtain.
• Bronze (#6F3B2C): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#363000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#1A2100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, 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

• Softworn Chestnut Atelier color palette (#FCDDD4, #8D5B3A, #593500, #102800, #001405)
• Dusty Garnet Field color palette (#F4E6F7, #8F6282, #732449, #442300, #261800)
• Washed Blush color palette (#F4DAEC, #C57E9A, #A8646C, #3B5A3E, #251D00)
• Antique Study color palette (#F0EDFF, #8E5378, #752008, #002929, #000808)
• Bronze Summit color palette (#FFE2E5, #D2867B, #A05E3D, #504E00, #004226)
• Terracotta Orchard color palette (#EAE7FF, #A36E92, #A5383D, #004C48, #001D22)
• Antique Driftwood color palette (#F9EEE0, #98844B, #616030, #004536, #002B37)
• Misty Mulberry color palette (#FFE5DF, #AF0D41, #4F4F00, #58001C, #111100)

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