Cocoa Alley color palette — #F7ECE6 · #A89D5C · #6D2B19 · #410B00 · #21120A
Rust takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F7ECE6): a clean, paper-quiet neutral.
- Moss (#A89D5C): A luminous, balanced green — the color of a quiet forest floor.
- Rust (#6D2B19): A deep, shadowed, balanced orange — the color of toasted spice.
- Espresso (#410B00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#21120A): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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
- Weathered Garnet color palette (#FAEAEA, #96A364, #672750, #40022D, #240F0F)
- Worn Basalt color palette (#F3EEE4, #B19866, #534000, #2B2000, #0F1001)
- Muted Terracotta Boulevard color palette (#FCEBE0, #DBAA6F, #A14300, #522914, #1F130A)
- Patina Forest color palette (#FDF3ED, #C58971, #00722C, #863000, #171B01)
- Ancient Bloom color palette (#F8E2D2, #8C7A28, #421900, #171A0E, #150400)
- Hushed Hollow color palette (#F8E9F4, #E1C855, #B97263, #744A40, #1E111B)
- Chestnut Thicket color palette (#F9F5EA, #D3BC9C, #685E34, #3B3832, #242719)
- Worn Hollow color palette (#FBECDA, #B4772A, #4B6514, #482B7B, #3D2E00)
Browse the whole catalog at Explore, or see today's palette.