Worn Cocoa Alley color palette — #FFF1F0 · #E1DCCF · #BBD8AE · #AA8590 · #7A3F1D
A conversation between Bronze and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F0): bright and airy, almost weightless.
- Bone (#E1DCCF): a clean, paper-quiet neutral.
- Pistachio (#BBD8AE): A whisper-light, dusty green — the color of fresh herbs.
- Dusty Rose (#AA8590): A luminous, dusty rose — the color of pressed rose petals.
- Bronze (#7A3F1D): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.
Use it as a design system
One click turns Worn 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
- Patina Cocoa color palette (#FFF3E8, #D1FAD0, #8BD3C2, #9B6A69, #5C4400)
- Softworn Bronze Atelier color palette (#FFF3E5, #C0BA8C, #A3763B, #874C27, #4E4A00)
- Weathered Driftwood Veranda color palette (#FBEDF9, #EAD1D5, #CBAC9C, #96809B, #453341)
- Plum Workshop color palette (#FFF2EC, #FFD6AD, #9FC37D, #A25C91, #48413D)
- Worn Mulberry Boulevard color palette (#FFE6E0, #E9BF85, #75AD7F, #8B4460, #39342E)
- Basalt Workshop color palette (#F1D9D8, #BA814C, #5F7220, #4E174C, #210600)
- Moss Orchard color palette (#EFE0CB, #84B446, #008C7F, #6E2625, #1B1C00)
- Aged Amber color palette (#FFF2E9, #CA7947, #5484AE, #406382, #423C37)
Browse the whole catalog at Explore, or see today's palette.