Cocoa Alley color palette — #FFF2EF · #D0FED4 · #E0DCCE · #D0ACCD · #793C1E

Bronze takes the lead with Honeydew close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Honeydew (#D0FED4): A whisper-light, dusty green — the color of new leaves after rain.
• Bone (#E0DCCE): a clean, paper-quiet neutral.
• Mauve (#D0ACCD): A luminous, dusty pink — the color of neon signs at night.
• Bronze (#793C1E): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Weathered Mallow color palette (#FFF1F4, #E3D9D2, #D1B9E1, #AAB3BF, #5E4949)
• Ancient Glacier color palette (#FEF3E5, #CAF6CE, #7FEDFC, #D89B97, #684C00)
• Muted Alley color palette (#FFF2ED, #E0E4C1, #B4F47C, #E490B9, #46403B)
• Timeworn Bloom color palette (#FEF2ED, #FFA89C, #B7ACEA, #9A91C5, #433B38)
• Antique Fern Grove color palette (#FBF4E9, #E3DAB5, #CBB383, #A98B75, #494C00)
• Bronze Balcony color palette (#FCF3ED, #E7E0B0, #C19374, #945F2E, #332921)
• Tempered Bronze Archive color palette (#F2F1FF, #B3E5FF, #FFC3B8, #985939, #3A312C)
• Washed Driftwood color palette (#FEEBFC, #E9D4D3, #AED5D2, #9180A1, #473743)

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