Cocoa Corridor color palette — #F5E7EC · #AEC0B2 · #789B8A · #573200 · #040001

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

The five colors

• Blush (#F5E7EC): bright and airy, almost weightless.
• Stone (#AEC0B2): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#789B8A): A luminous, dusty teal — the color of shallow lagoons.
• Cocoa (#573200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Wandering Lagoon color palette (#E7E0E6, #C7B4C1, #A38A94, #700E20, #030003)
• Washed Olive Balcony color palette (#E8DED5, #948D7C, #706F25, #421F00, #030100)
• Wandering Fern Basin color palette (#E3F2EE, #C0D5D3, #83AFB3, #345900, #000303)
• Chestnut Dune color palette (#E9DEE2, #93AAA7, #6A959E, #934F00, #15030B)
• Softworn Driftwood color palette (#F3E4CC, #868544, #345433, #092043, #03000A)
• Softworn Thicket color palette (#D0E8DF, #5C884D, #004928, #311000, #000200)
• Antique Tangerine Corridor color palette (#DCF7E2, #EC7800, #A88300, #406200, #010100)
• Bronze Boulevard color palette (#F0F7F2, #CEE1E1, #ACC8CC, #8E7229, #17211A)

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