Cocoa Alley color palette — #DAF3FF · #006678 · #7B2D00 · #003039 · #080100

Rust takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DAF3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006678): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#7B2D00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#003039): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#080100): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Wandering Denim color palette (#D4E0EC, #006098, #624200, #002C4A, #050200)
• Tempered Mulberry color palette (#CEE7EF, #00686C, #860050, #003133, #090003)
• Cocoa Ridge color palette (#C7EDFD, #005168, #672900, #392500, #000102)
• Aged Corridor color palette (#D8E9DE, #008CA9, #A84400, #004352, #030000)
• Midnight Lagoon color palette (#D4F1FF, #0073A5, #003D51, #00141F, #000103)
• Lowlit Fern Terrace color palette (#E5F2E4, #6D630D, #4B2F00, #2F0900, #010200)
• Washed Grove color palette (#C9EBF6, #0095B5, #A65C00, #005569, #251000)
• Worn Bloom color palette (#CFE9F7, #6F9AE5, #93579B, #004C3A, #00080F)

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