Softworn Cocoa Pier color palette — #FFF1F6 · #C09BA8 · #8F694C · #70462F · #304330

Coffee takes the lead with Walnut close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mauve (#C09BA8): A luminous, dusty rose — the color of a warm blush.
• Walnut (#8F694C): A full-bodied, dusty gold — the color of old brass.
• Coffee (#70462F): A full-bodied, dusty orange — the color of sun-warmed clay.
• Forest (#304330): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Aged Chestnut Pier color palette (#EBFAEC, #8DB295, #866E49, #6A4A27, #2D4335)
• Tempered Pewter color palette (#FFF0F9, #C89C83, #946553, #64475D, #4F3340)
• Airy Terracotta color palette (#FFE6F4, #CF8A5D, #A44B1D, #743323, #4D2C0C)
• Aged Bloom color palette (#FFF3E8, #E7CBAD, #DE9C68, #AD7B61, #553600)
• Amber Drift color palette (#F3DBAF, #A78A39, #765400, #543400, #312900)
• Worn Pier color palette (#E7F9FA, #ADB480, #166043, #003637, #0F1D24)
• Hushed Lagoon color palette (#E2FAFF, #009588, #5770A5, #5D5413, #14393F)
• Aged Hollow color palette (#D6E7D4, #885E00, #503000, #2D1500, #110A00)

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