Cocoa Corridor color palette — #FAF1DF · #B8AA88 · #817548 · #5F4814 · #292208

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

The five colors

• Cream (#FAF1DF): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#B8AA88): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#817548): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#5F4814): A full-bodied, dusty gold — the color of honey in a jar.
• Onyx (#292208): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Bronze Quarry color palette (#F9F0E9, #CEB79F, #AB7543, #7F481B, #352A1D)
• Chestnut Study color palette (#E7E0CE, #9B9C6C, #71660D, #4C3C00, #1D1800)
• Aged Bronze color palette (#E8FBED, #A6AC79, #85702F, #6A4A29, #28433E)
• Hushed Lagoon Dune color palette (#EEF5E6, #2E9C75, #9F6543, #694D00, #151D09)
• Terracotta Alley color palette (#FFE7D7, #BA7D55, #953C00, #641500, #1F0D00)
• Antique Grove color palette (#EBF5EB, #A4BC8F, #0F6163, #002E2F, #060F07)
• Chestnut Harbor color palette (#F4DFC8, #6B4B14, #3D2300, #1A0900, #020100)
• Cocoa Loft color palette (#FFE6D8, #956448, #732803, #460500, #0C0300)

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