Cocoa Alley color palette — #E2E9E3 · #98A9A3 · #63927A · #584100 · #010D04

Deep Olive takes the lead with Eucalyptus close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#E2E9E3): bright and airy, almost weightless.
• Taupe (#98A9A3): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#63927A): A luminous, dusty teal — the color of glacier melt.
• Deep Olive (#584100): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#010D04): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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 Fern Ridge color palette (#D6E2DF, #96A9AA, #6B8C9A, #285100, #000C0A)
• Chestnut Hollow color palette (#E6F3EB, #92A4A4, #689397, #736300, #000D05)
• Antique Basalt Corridor color palette (#E4DFD8, #BEBBAB, #909579, #4B3900, #020100)
• Garnet Drift color palette (#ECE2E8, #9AA99A, #878A5D, #7C1F00, #12040E)
• Weathered Olive color palette (#E6DFD2, #9F9A85, #76752B, #342A00, #0F0800)
• Fern Courtyard color palette (#DCEBE7, #B5C8CA, #89ABB8, #446F00, #14231F)
• Onyx Study color palette (#CCE4E0, #178773, #004E5A, #520823, #000709)
• Tempered Garnet color palette (#F4DFD2, #788139, #086451, #571235, #1A0923)

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