Cocoa Alley color palette — #D4DDFF · #006A7A · #803C00 · #0C0D05 · #040002
Built around Bronze, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Powder Blue (#D4DDFF): A whisper-light, dusty violet — the color of wild irises.
- Peacock (#006A7A): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#803C00): A full-bodied, balanced gold — the color of honey in a jar.
- Ink (#0C0D05): a grounded near-black with real depth.
- Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged neon, dark, vibrant, 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
- Nocturne Terracotta color palette (#E3F1FA, #006B73, #9D001B, #0F0401, #030003)
- Muted Pier color palette (#EAEDFF, #008C8F, #AE4F00, #150C00, #040100)
- Moonless Alley color palette (#ECDDF9, #6A00E7, #5A5400, #090E08, #010100)
- Nocturne Chestnut Studio color palette (#D8EBD6, #6D5500, #3A2C30, #1F1000, #020100)
- Ancient Olive color palette (#FAD4DC, #3E8900, #825B00, #0C120B, #000300)
- Patina Spruce Studio color palette (#E5EDE8, #83918D, #4E7373, #2F2B00, #000201)
- Powdered Orchard color palette (#ECE7FF, #6765FF, #7B7500, #060E04, #000201)
- Muted Coast color palette (#D5ECFF, #AD8EFF, #9A6600, #1C0F00, #000700)
Browse the whole catalog at Explore, or see today's palette.