Softworn Cocoa Villa color palette — #F6E7EF · #955D51 · #583D00 · #001F44 · #1C061E

Cocoa takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F6E7EF): bright and airy, almost weightless.
• Walnut (#955D51): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#583D00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Midnight (#001F44): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#1C061E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Antique Plum color palette (#FFE2E9, #9B5169, #653000, #002229, #00100F)
• Weathered Alley color palette (#FBDAD2, #8A6A35, #354500, #29114E, #1E0329)
• Lowlit Atelier color palette (#F3E2C8, #885700, #3B2800, #1A2521, #0E0700)
• Abyss Field color palette (#FFDEDE, #A67662, #7D6740, #00595C, #001019)
• Navy Coast color palette (#FAE6D4, #794000, #003E77, #341800, #000613)
• Dusty Chapel color palette (#FFE7E1, #917A4B, #4A611C, #383157, #3E1F31)
• Navy Study color palette (#EEE0D5, #603100, #00394F, #190070, #040100)
• Twilit Fern color palette (#EFE9D3, #306D24, #003424, #2A002D, #010800)

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