Cocoa Corridor color palette — #FCF4E7 · #D19884 · #8D7346 · #006572 · #6B3A00

A conversation between Bronze and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Camel (#D19884): A luminous, dusty orange — the color of toasted spice.
• Walnut (#8D7346): A full-bodied, dusty gold — the color of honey in a jar.
• Peacock (#006572): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#6B3A00): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, 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

• Weathered Denim color palette (#FDF4E5, #BAA573, #6A804D, #335991, #594500)
• Patina Bronze color palette (#FEF4E3, #CC95AC, #A0655A, #2B664C, #59413C)
• Ancient Blush Studio color palette (#F8F1E3, #DC94A0, #8F743A, #375378, #382820)
• Denim Balcony color palette (#FCF3ED, #C2886B, #537C54, #015889, #59354C)
• Washed Driftwood color palette (#F9F4ED, #C9C0A9, #8D833A, #805C51, #5F4B00)
• Aged Amber Studio color palette (#EBF9EF, #EFA7B4, #AE8D4D, #52709B, #52424D)
• Basalt Lagoon color palette (#FFF2EA, #D5CABC, #A19B7C, #5F7B6E, #5E475B)
• Gentle Harbor color palette (#FFF4E2, #C97400, #6C6100, #004C68, #493000)

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