Cocoa Alley color palette — #DEF2FF · #00688A · #753900 · #003143 · #1D0900
A conversation between Bronze and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#DEF2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#00688A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#753900): A full-bodied, balanced gold — the color of old brass.
- Deep Teal (#003143): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#1D0900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Powdered Corridor color palette (#D3E3E7, #006D6F, #900027, #003435, #260005)
- Misty Ultramarine Balcony color palette (#D8E4F5, #1555C6, #604700, #00246F, #160E00)
- Patina Orchard color palette (#D2EFE4, #0080BA, #B03600, #004A6E, #220400)
- Aged Garnet Grove color palette (#D9F0FF, #005377, #770043, #2F3400, #000911)
- Hazy Corridor color palette (#CCE9FF, #008DD0, #A45B00, #00547E, #472400)
- Weathered Violet color palette (#D4EBF9, #7CA0D3, #8969CF, #004C59, #001B35)
- Moonless Cobalt color palette (#C9E7FF, #0076C0, #003961, #001322, #000308)
- Worn Olive Delta color palette (#D3E3D6, #746900, #483500, #2B1700, #0A0D00)
Browse the whole catalog at Explore, or see today's palette.