Softworn Cocoa Coast color palette — #E4F4EA · #AD96AE · #6C6994 · #724330 · #372408

A conversation between Coffee and Slate, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#E4F4EA): A whisper-light, dusty teal — the color of sea glass.
• Dusty Rose (#AD96AE): A luminous, dusty pink — the color of peonies in June.
• Slate (#6C6994): A full-bodied, dusty violet — the color of twilight just after sunset.
• Coffee (#724330): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#372408): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Muted Canyon color palette (#F9EAF6, #B497A2, #88617D, #5C470D, #243207)
• Cocoa Boulevard color palette (#DBF7E1, #80AD9A, #6B79A3, #703532, #3C1B00)
• Chestnut Alley color palette (#D4F8EC, #CBB8C6, #A2808B, #79480D, #3D3207)
• Washed Workshop color palette (#CCF0EC, #84ABBE, #626FA6, #4E582B, #25494C)
• Denim Coast color palette (#D5E5DE, #6C81AB, #5A457A, #492100, #171000)
• Antique Meadow color palette (#CFEBFB, #A4BDD7, #818DB1, #78586D, #395138)
• Bronze Courtyard color palette (#FCECF8, #E3C4CF, #B79192, #83631B, #4A4600)
• Dusty Dune color palette (#F3F9DE, #BBD5B4, #769FC5, #69672F, #264A2E)

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