Cocoa Alley color palette — #CCE9F7 · #005C6D · #5C3C00 · #00301D · #000304
Built around Bronze, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#CCE9F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#005C6D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Bronze (#5C3C00): A deep, shadowed, balanced gold — the color of honey in a jar.
- Deep Forest (#00301D): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000304): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged 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
- Navy Hollow color palette (#D2E0F1, #004283, #4A3100, #002319, #000105)
- Weathered Garnet color palette (#DCEAF8, #00558D, #830308, #252B00, #000207)
- Sapphire Orchard color palette (#CCE1FC, #0063DB, #6D5900, #00463F, #000921)
- Sunlit Veranda color palette (#F3E7F5, #B90050, #5A5900, #004221, #110115)
- Chalky Balcony color palette (#FFE7EB, #AC2DBD, #9C3F00, #4C3300, #030004)
- Washed Plum color palette (#F2E3F6, #B8486C, #427400, #004C5F, #18081D)
- Misty Magenta color palette (#F3EFFF, #B83DBE, #707000, #005459, #160E28)
- Muted Bronze Lantern color palette (#E8F3FF, #4C8AC7, #AA5F1B, #006337, #0D1B29)
Browse the whole catalog at Explore, or see today's palette.