Cocoa Alley color palette — #CCEBFF · #B498B8 · #83687E · #6C4649 · #5E2C00

Cocoa takes the lead with Mauve close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Frost (#CCEBFF): A whisper-light, dusty blue — the color of open sky before noon.
• Mauve (#B498B8): A luminous, dusty pink — the color of neon signs at night.
• Slate (#83687E): A full-bodied, dusty pink — the color of a candy shop window.
• Coffee (#6C4649): A full-bodied, dusty red — the color of late-summer berries.
• Cocoa (#5E2C00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Powder Station color palette (#B5F0FF, #94BADD, #8592B3, #7F5E76, #5F404B)
• Wisteria Villa color palette (#F7DCE2, #C483B7, #845266, #6C3D00, #37332D)
• Cocoa Alley color palette (#C9F3FB, #75ADC5, #507F73, #664852, #63270D)
• Hushed Bloom color palette (#DAF9E3, #7CAA9B, #89677F, #683E35, #412500)
• Frosted Grove color palette (#E0E2FD, #A281E2, #8D509E, #7E393C, #632D1B)
• Cocoa Basin color palette (#FFF0FF, #CCABC5, #987889, #7C5D5B, #714300)
• Ancient Cobalt Quarry color palette (#D3E3FD, #6F74BB, #50436F, #421927, #001F1B)
• Washed Cornflower color palette (#FFE5FC, #5A8BE6, #B85075, #305497, #4F2634)

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