Softworn Cocoa color palette — #E8EBFF · #886A8F · #754447 · #003C33 · #00131D

Coffee takes the lead with Slate close behind in a set that reads as sophistication at first glance.

The five colors

• Frost (#E8EBFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Slate (#886A8F): A full-bodied, dusty pink — the color of neon signs at night.
• Coffee (#754447): A full-bodied, dusty red — the color of a theater curtain.
• Deep Forest (#003C33): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00131D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Onyx Pier color palette (#FDE5E9, #966871, #713F11, #003846, #02063C)
• Weathered Orchard color palette (#D0F4E5, #896A84, #633F78, #2A3400, #001B15)
• Garnet Garden color palette (#EAE2FC, #885C5D, #70230F, #002628, #000812)
• Worn Harbor color palette (#EDDDE2, #B57278, #7E4435, #453B00, #0C2F11)
• Ancient Basalt color palette (#EFE5EF, #D19687, #8F6041, #3F4400, #081A00)
• Washed Basin color palette (#F0E9FA, #BD85A1, #8C573F, #00525B, #00234D)
• Dusty Hollow color palette (#FFE4EB, #A4826C, #6D5F20, #1A3C75, #211132)
• Weathered Denim color palette (#F5E6DF, #65AAA7, #006374, #003C20, #000C16)

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