Ancient Cocoa Alley color palette — #CCEAEC · #007A5D · #7F3800 · #443600 · #000200
Built around Bronze, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Frost (#CCEAEC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007A5D): A full-bodied, balanced teal — the color of shallow lagoons.
- Bronze (#7F3800): A full-bodied, balanced orange — the color of autumn markets.
- Espresso (#443600): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Ancient 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
- Tempered Brick color palette (#D2F3ED, #207F08, #A40022, #592E00, #020200)
- Tempered Atelier color palette (#D7EAF6, #007597, #5B5800, #003D10, #000202)
- Ancient Fern color palette (#D8E9F0, #009CAE, #876A00, #3D6200, #000906)
- Mulberry Lantern color palette (#CCEED9, #786600, #960081, #63001C, #040100)
- Chalky Quarry color palette (#D7F2F6, #00B4A1, #BA6700, #7B6C00, #001906)
- Charred Study color palette (#DDE1D0, #023F0A, #3B0002, #0C1613, #0B0400)
- Azure Boulevard color palette (#DFF1FF, #00A5F0, #839000, #008757, #00191C)
- Linen Ridge color palette (#E0E9FA, #5460DF, #851496, #690027, #000203)
Browse the whole catalog at Explore, or see today's palette.