Cocoa Alley color palette — #FFF0F8 · #BF9CA8 · #92674F · #7C3C2F · #2A442F
A conversation between Rust and Walnut, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Mauve (#BF9CA8): A luminous, dusty rose — the color of strawberry cream.
- Walnut (#92674F): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Rust (#7C3C2F): A full-bodied, balanced orange — the color of autumn markets.
- Forest (#2A442F): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Wandering Cocoa Ridge color palette (#EAFAEA, #8DB296, #906A36, #75431E, #234535)
- Amber Veranda color palette (#FFF2EA, #D7B88C, #BD7E5E, #8A5A5E, #3F3D36)
- Patina Pewter color palette (#EDF9EF, #A5BFB0, #6A8970, #77515F, #374D45)
- Ancient Garnet Loft color palette (#FEE3F1, #A57F5D, #84401A, #690C07, #332000)
- Dusty Grove color palette (#EFF8F2, #C3AB79, #605006, #382D00, #16261C)
- Timeworn Pine color palette (#EEF8F3, #B1B27F, #00835D, #656400, #0B292A)
- Chalky Corridor color palette (#EAF9F1, #8E832F, #3C75AA, #6A3986, #1C3A2B)
- Washed Alley color palette (#FFE6EF, #885E0A, #542D00, #340F00, #100B00)
Browse the whole catalog at Explore, or see today's palette.