Cocoa Alley color palette — #C9EFF1 · #AAC5EA · #99A2BF · #957480 · #62411E

Built around Bronze, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Frost (#C9EFF1): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#AAC5EA): A luminous, dusty blue — the color of open sky before noon.
• Blue Fog (#99A2BF): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#957480): A full-bodied, dusty rose — the color of strawberry cream.
• Bronze (#62411E): A full-bodied, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Washed Glacier color palette (#C9E8DD, #8ED1D7, #8EACCD, #9B7688, #553445)
• Basalt Summit color palette (#B8ECF7, #A2CBEB, #A8A7C6, #648D7F, #414A1E)
• Ancient Cocoa color palette (#CFECD7, #92C5B4, #A788A0, #865851, #5E3500)
• Pewter Pier color palette (#C3E9EB, #5E95C9, #98609A, #53521E, #232100)
• Tempered Stone color palette (#E5F9FF, #D7D8ED, #C0B8D2, #91A9A7, #3C5956)
• Timeworn Petrol color palette (#EFF2E0, #8BAC96, #6076A2, #5A4C24, #352A16)
• Wandering Loft color palette (#C9E5F2, #8076B9, #865968, #314C2A, #031900)
• Muted Bloom color palette (#D5EBED, #78AF9E, #5C939E, #865B19, #00370C)

Browse the whole catalog at Explore, or see today's palette.