Cocoa Corridor color palette — #E0E6E0 · #A6B9AB · #769684 · #5B3D00 · #030E04

Bronze and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#E0E6E0): bright and airy, almost weightless.
• Ash (#A6B9AB): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#769684): A luminous, dusty teal — the color of glacier melt.
• Bronze (#5B3D00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#030E04): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Cocoa Corridor 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

• Tempered Basalt color palette (#DCEAE2, #8EA69B, #618579, #3F3600, #000602)
• Hushed Cocoa Studio color palette (#F2EBE4, #C2B8A5, #948E77, #5F3C00, #2A1C0A)
• Cocoa Studio color palette (#E9DBE2, #C6AAB6, #A6818E, #702C00, #12070D)
• Aged Harbor color palette (#E6F7EF, #BADDD1, #8BB6AC, #5F6000, #012015)
• Dusty Terrace color palette (#FEF1F5, #C7E8E5, #9FC4B9, #865200, #17070D)
• Olive Atelier color palette (#D2E9E3, #498A44, #005227, #342800, #000A09)
• Dusty Workshop color palette (#E6E0CA, #7B6100, #3C3F00, #002420, #070500)
• Amber Chapel color palette (#F1E8C9, #D28D00, #9D7E00, #566100, #050400)

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