Cocoa Alley color palette — #FFF2EF · #D3F9CD · #E1D7CF · #B08389 · #7D3E24

Built around Bronze, softened by Honeydew — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Honeydew (#D3F9CD): A whisper-light, dusty green — the color of fresh herbs.
• Bone (#E1D7CF): a clean, paper-quiet neutral.
• Dusty Rose (#B08389): A luminous, dusty red — the color of a theater curtain.
• Bronze (#7D3E24): 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

• Cocoa Corridor color palette (#FFF2F0, #E1DBCF, #C2C496, #86729E, #733719)
• Washed Mint color palette (#FFF3E5, #E2EAB7, #7ED4A9, #AA7B64, #553D00)
• Washed Sand Atelier color palette (#FFF1F1, #E2D7D0, #E2D293, #AB93BC, #5C433F)
• Chestnut Grove color palette (#FFF3E6, #D3BC7D, #AE875B, #935830, #3F3D36)
• Mustard Delta color palette (#FFF1F1, #FFD5B2, #C4C400, #B85388, #5B2E1C)
• Airy Courtyard color palette (#FCECE2, #C59400, #768E00, #812A37, #160900)
• Aged Hollow color palette (#FFF1E3, #DCD394, #69C88C, #A85F4C, #332F29)
• Powdered Drift color palette (#EFDAD5, #F09560, #A58C13, #7F3D73, #2D0600)

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