Cocoa Corridor color palette — #DDF3DD · #644200 · #00331E · #001527 · #130013

A conversation between Bronze and Deep Forest, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DDF3DD): A whisper-light, dusty green — the color of new leaves after rain.
• Bronze (#644200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#00331E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001527): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#130013): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged 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

• Cocoa Grove color palette (#F4DEEB, #7C2E00, #203000, #00171B, #0A0021)
• Onyx Basin color palette (#D3EFE1, #4F4D00, #003134, #1A003B, #170000)
• Weathered Olive color palette (#F5EAC8, #7E7500, #404B00, #172600, #00120D)
• Twilit Onyx Archive color palette (#FBDCE6, #693E00, #002A50, #020042, #020008)
• Faded Amber color palette (#DCE9DD, #E66B00, #896300, #3B5100, #100B00)
• Dusty Olive Lagoon color palette (#E1F1EA, #4D7A2B, #00441F, #3D1300, #061400)
• Washed Aubergine Canyon color palette (#FFECDE, #A04A00, #004E5D, #26006E, #070024)
• Powdered Pine color palette (#ECE0C9, #9A7E00, #137914, #004E4D, #130300)

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