Softworn Cocoa Corridor color palette — #F4E0E8 · #866E3F · #653600 · #440B00 · #060500

Bronze and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#F4E0E8): A whisper-light, dusty rose — the color of a warm blush.
• Walnut (#866E3F): A full-bodied, dusty gold — the color of old brass.
• Bronze (#653600): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#440B00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#060500): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Washed Harbor color palette (#ECD9E0, #A0680D, #663900, #411C00, #011C06)
• Olive Courtyard color palette (#CFE8D9, #697A32, #4E4400, #321E00, #000800)
• Chestnut Basin color palette (#F7E1CD, #BE9059, #8B4E00, #502300, #070300)
• Wandering Cocoa Alley color palette (#EFDAE0, #7FA38A, #845B29, #642B11, #001E14)
• Hazy Garnet color palette (#FAE1EE, #C29666, #A64E1A, #7C1722, #241B00)
• Airy Garnet Corridor color palette (#F0E2F4, #AD4F86, #8D002B, #3C1600, #0A0400)
• Mulberry Workshop color palette (#E7E0ED, #910F5E, #564000, #003022, #070003)
• Pale Aubergine Thicket color palette (#E6E5F2, #9360AA, #5C3C00, #54006E, #000200)

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