Cocoa Alley color palette — #FFF2EA · #E5BCA1 · #B17154 · #7F3A1A · #512E1B
Built around Rust, softened by Mocha — the whole palette hums with optimism and warmth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Sand (#E5BCA1): A whisper-light, dusty gold — the color of old brass.
- Mocha (#B17154): A luminous, balanced orange — the color of autumn markets.
- Rust (#7F3A1A): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#512E1B): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, 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
- Ancient Alley color palette (#FFF2EF, #F2BFB9, #B17185, #7B354F, #532A38)
- Weathered Chestnut color palette (#FFF4DF, #D7C59F, #8E8141, #624E00, #443A0C)
- Muted Cocoa color palette (#FFF2EB, #DFDCCC, #C1C8A4, #B17F82, #784310)
- Amber Boulevard color palette (#FFF0F8, #FFCEB1, #D78767, #925742, #4E2B3D)
- Amber Orchard color palette (#FBDCAB, #BB882B, #6F4C00, #382500, #1E1300)
- Apricot Terrace color palette (#FFF3E5, #E1994B, #905B00, #5B3600, #3C2300)
- Hushed Bronze Boulevard color palette (#F8F5EF, #D2BF8E, #418D76, #866900, #293121)
- Denim Studio color palette (#FAF4EB, #AA8B51, #4588A7, #63548D, #413C36)
Browse the whole catalog at Explore, or see today's palette.