Cocoa Corridor color palette — #FFF2EA · #D8B66F · #823800 · #2C0E00 · #030100

Rust and Sand set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sand (#D8B66F): A luminous, balanced gold — the color of old brass.
• Rust (#823800): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#2C0E00): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#030100): a grounded near-black with real depth.

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

• Dusty Mulberry Meadow color palette (#FFF2EF, #DAB566, #822F4D, #340016, #040000)
• Softworn Chestnut Coast color palette (#FDF3EB, #EBCC8C, #8A5525, #3E1F00, #080300)
• Rust Terrace color palette (#E9DBD3, #BFBF52, #CB4600, #773014, #150802)
• Muted Marigold Station color palette (#FBEBDA, #C39C43, #543400, #1D2622, #0E0600)
• Wandering Study color palette (#FCF3EB, #EEAB6C, #598600, #905200, #010100)
• Moss Coast color palette (#E8DAE3, #999104, #671A00, #270500, #050003)
• Aged Driftwood Courtyard color palette (#F7F5EF, #CEDBCB, #848B5A, #454A1F, #1E1B0E)
• Olive Thicket color palette (#FFF3E3, #CCAF42, #798600, #245500, #001A08)

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