Muted Cocoa Corridor color palette — #FFF2EA · #E9CE95 · #A07158 · #733D0C · #332923

A conversation between Bronze and Wheat, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#E9CE95): A whisper-light, dusty gold — the color of honey in a jar.
• Mocha (#A07158): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#733D0C): A full-bodied, balanced gold — the color of old brass.
• Espresso (#332923): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Muted 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

• Tempered Honey Loft color palette (#F9F5E4, #E3BF73, #717644, #4F4200, #252216)
• Muted Chapel color palette (#FAF4EE, #FEC390, #72AC73, #AF8158, #2D2F28)
• Softworn Cocoa Dune color palette (#FAF3F6, #BBEEF4, #A1788C, #623B23, #22181D)
• Marigold Lagoon color palette (#ECDBC4, #CF9C00, #6F4F00, #372500, #130900)
• Wandering Chapel color palette (#F3E7DD, #936E00, #442100, #1B1F16, #0D0400)
• Mustard Meadow color palette (#FDF4E5, #D7BB6F, #849B6E, #5A6F92, #584500)
• Weathered Taupe color palette (#FCF2F8, #C2E9D1, #C0927F, #846076, #31282E)
• Taupe Thicket color palette (#F9F4ED, #D9DCD2, #A8B3AD, #AC987B, #575249)

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