Cocoa Alley color palette — #F2EBE2 · #C0B8A7 · #968E6E · #5E3C00 · #291D0C
Bronze and Caramel set the tone — five colors that lean into optimism and sophistication.
The five colors
- Cream (#F2EBE2): a clean, paper-quiet neutral.
- Stone (#C0B8A7): A luminous, dusty gold — the color of honey in a jar.
- Caramel (#968E6E): A luminous, dusty green — the color of a quiet forest floor.
- Bronze (#5E3C00): A deep, shadowed, balanced gold — the color of old brass.
- Onyx (#291D0C): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Garnet Studio color palette (#ECE4E1, #C5B6AB, #9D8A77, #7F1417, #2D1A12)
- Worn Driftwood Harbor color palette (#E9E3D7, #ACA99C, #83843C, #423700, #1C1200)
- Timeworn Forest color palette (#EDF0E7, #C8CFC2, #94A693, #00662F, #2C301D)
- Chestnut Studio color palette (#EEE2E6, #B6CABF, #7BB1A9, #8A5100, #2B1920)
- Olive Bloom color palette (#F5F6ED, #D2DCD5, #B3C1AC, #297F0C, #414300)
- Pine Veranda color palette (#F0EFD6, #528956, #005238, #492200, #002205)
- Amber Terrace color palette (#F0E3CA, #DD8600, #9C8200, #236A00, #161600)
- Hushed Chestnut Parlor color palette (#F4E9D8, #845E00, #364300, #002547, #1C1600)
Browse the whole catalog at Explore, or see today's palette.