Cocoa Corridor color palette — #F7DAE8 · #5F2E00 · #182D00 · #24001D · #040000

A conversation between Cocoa and Ink, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F7DAE8): A whisper-light, dusty rose — the color of pressed rose petals.
• Cocoa (#5F2E00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#182D00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#24001D): A deep, shadowed, dusty pink — the color of neon signs at night.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged jewel, vibrant, dark, muted.

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

• Basalt Balcony color palette (#E2F1E9, #3E3900, #003128, #270004, #020100)
• Velvet Aubergine Garden color palette (#FFDEEC, #5E3200, #2F0059, #1F0014, #050000)
• Nocturne Basalt Dune color palette (#DBF3E9, #5A4F4F, #363A00, #181C23, #040800)
• Washed Basalt color palette (#DCE4DE, #94A59B, #638576, #453300, #000602)
• Smoked Field color palette (#E4E1CE, #706A00, #353D00, #0C1700, #000200)
• Midnight Garnet Hollow color palette (#DBF8E7, #4E4700, #5B0044, #3C0006, #020100)
• Midnight Parlor color palette (#ECD6F2, #7C0039, #00233F, #0E0036, #030003)
• Onyx Corridor color palette (#D4F6EA, #545400, #003B1D, #070056, #040000)

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