Cocoa Corridor color palette — #F2E6D5 · #A49665 · #7C5E27 · #653600 · #32302A

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F2E6D5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#A49665): A luminous, dusty green — the color of fresh herbs.
• Walnut (#7C5E27): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#653600): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#32302A): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Worn Fern Lantern color palette (#F3E6C9, #888C5D, #645500, #4A3200, #1B2900)
• Softworn Chestnut color palette (#FCF5E2, #AFA886, #7D7438, #694C00, #3E3E36)
• Timeworn Garnet Villa color palette (#F5D8C2, #B8803F, #8D4400, #6F1700, #372600)
• Patina Mustard Market color palette (#DCEDDE, #D5C178, #BC9759, #977150, #1A372B)
• Garnet Lantern color palette (#F9DCCA, #8B5B36, #622000, #3D0005, #130900)
• Washed Market color palette (#F8E9F4, #566BB3, #8B510F, #3E4B00, #341E30)
• Misty Indigo color palette (#FFF0F8, #665EAC, #673B00, #064106, #042317)
• Weathered Navy color palette (#F7EAF5, #B4985C, #213F7D, #041B54, #1E111C)

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