Muted Cocoa Alley color palette — #FFF3E7 · #EFA8A7 · #B78571 · #6E7345 · #703415
A conversation between Rust and Rose Quartz, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Rose Quartz (#EFA8A7): A luminous, balanced orange — the color of autumn markets.
- Caramel (#B78571): A luminous, dusty orange — the color of sun-warmed clay.
- Walnut (#6E7345): A full-bodied, dusty green — the color of a quiet forest floor.
- Rust (#703415): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.
Use it as a design system
One click turns Muted 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
- Aged Mallow Corridor color palette (#FFF2EA, #DFABD0, #B58191, #896840, #594040)
- Pine Quarry color palette (#FEF3EB, #DDA188, #9B8B5D, #537445, #334A2B)
- Patina Denim Quarry color palette (#FBF5E5, #C797B4, #9E6755, #0F627F, #5D3F3A)
- Coral Alley color palette (#FFEEE7, #D4817A, #814720, #5E2305, #28201D)
- Worn Studio color palette (#FFF2EE, #E7D8D5, #F1BFA3, #E29B82, #743819)
- Driftwood Boulevard color palette (#FFF2EA, #E2CFBF, #BFAC95, #84873F, #435712)
- Hazy Bronze color palette (#FCECD5, #D49051, #977000, #16653D, #342F2A)
- Weathered Petal Corridor color palette (#E8FAF1, #FDB8DD, #DF9C7F, #5D95A7, #504253)
Browse the whole catalog at Explore, or see today's palette.