Cocoa Corridor color palette — #FFF0F8 · #E6C092 · #B07C5F · #804541 · #0C2818

Coffee and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sand (#E6C092): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#B07C5F): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#804541): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#0C2818): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: 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

• Driftwood Bloom color palette (#EBFAEA, #A8D4B8, #AA814B, #7F472B, #00291E)
• Dusty Bronze Orchard color palette (#FFF1F5, #C7B073, #9F6923, #6B351E, #00170F)
• Washed Bronze Basin color palette (#F6E4D6, #E3B893, #C7906D, #A6674D, #342F2A)
• Timeworn Chestnut Ridge color palette (#EEDAE3, #B69070, #94501E, #642B11, #280E18)
• Washed Courtyard color palette (#DEF7E2, #92891F, #644800, #361800, #010100)
• Airy Chestnut Quarry color palette (#FEDAE8, #B8944C, #8C4E00, #591909, #050400)
• Cocoa Lantern color palette (#FAE1EF, #946834, #632700, #2B0004, #020100)
• Muted Stone color palette (#ECF9F2, #BEE6EB, #93B8A5, #69816C, #2D4442)

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