Cocoa Corridor color palette — #FCEFE6 · #BEA790 · #99674C · #723A30 · #2E2009

Rust and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Cream (#FCEFE6): bright and airy, almost weightless.
• Camel (#BEA790): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#99674C): A full-bodied, dusty orange — the color of sun-warmed clay.
• Rust (#723A30): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#2E2009): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, 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 Courtyard color palette (#FAF0E3, #C7BA9E, #A27B3B, #754F29, #312C17)
• Tempered Garnet color palette (#EEDDCF, #B49168, #8B562D, #6A240C, #221500)
• Worn Bronze color palette (#FFF0F8, #90B191, #996348, #724247, #2E4238)
• Pewter Market color palette (#FFF2EA, #F1D9BA, #C0927B, #99535B, #34312B)
• Tempered Field color palette (#F2E9CE, #9BA674, #766D00, #564000, #0F2201)
• Weathered Amber color palette (#FFF0F8, #DDAFC0, #BE7E5B, #7F5C77, #324234)
• Worn Garnet color palette (#EDF5E6, #2C9B7C, #906099, #863334, #131E08)
• Velvet Chestnut color palette (#F2E6DB, #7E5921, #522A00, #2E0B00, #020100)

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