Softworn Cocoa Corridor color palette — #FFF2EA · #F4C5A9 · #D69D84 · #AA7B6F · #5A3200

A conversation between Cocoa and Camel, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#F4C5A9): A whisper-light, dusty gold — the color of old brass.
• Camel (#D69D84): A luminous, dusty orange — the color of toasted spice.
• Caramel (#AA7B6F): A luminous, dusty orange — the color of toasted spice.
• Cocoa (#5A3200): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Wandering Driftwood color palette (#FEF4E0, #DDCFAD, #BAAC81, #9A855D, #3F3D36)
• Ancient Pier color palette (#FEF1F9, #FACFDF, #C78E78, #985459, #213827)
• Dusty Mustard Archive color palette (#FFF3E3, #DAAD57, #B484BB, #AC697A, #3D2715)
• Timeworn Chestnut color palette (#FBF4EA, #EBD29D, #A89261, #7F5C15, #282014)
• Muted Summit color palette (#FEE3C9, #C59459, #B26708, #874718, #201300)
• Amber Ridge color palette (#F5D9BB, #EAAA45, #CD8013, #A65B10, #362600)
• Bronze Orchard color palette (#FEECF6, #C79EB2, #A06449, #613F58, #2F1C24)
• Chalky Moss color palette (#E9E2C8, #AABB72, #929533, #766C2B, #282500)

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