Softworn Cocoa color palette — #ECDFE6 · #ACB7AC · #7A9587 · #6E2E00 · #16040E

Rust and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#ECDFE6): bright and airy, almost weightless.
• Ash (#ACB7AC): soft and architectural.
• Eucalyptus (#7A9587): A luminous, dusty teal — the color of glacier melt.
• Rust (#6E2E00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#16040E): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Hushed Coast color palette (#DEE8E1, #A4B8B2, #759493, #504300, #010E06)
• Worn Alley color palette (#EDE5F0, #BEADBA, #A08490, #722141, #110516)
• Tempered Terracotta Field color palette (#E6DED9, #CCC3B6, #ACA48D, #994400, #2E1A0B)
• Dusty Spruce Thicket color palette (#D7E2DC, #7E928E, #4D7373, #2F2B00, #000201)
• Softworn Orchard color palette (#D5E7DD, #688348, #00522C, #4B0F29, #000A07)
• Dusty Bronze Coast color palette (#FFE6DC, #947A3E, #3D5C38, #34294F, #160A2E)
• Softworn Fern color palette (#EBF4F2, #CBD9E0, #A8BBC1, #4C703C, #102521)
• Hazy Navy Alley color palette (#F4E7D1, #A54100, #433C00, #0F0064, #0B0400)

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