Softworn Cocoa color palette — #DCE4DE · #95AAA2 · #6D8E8A · #564200 · #020C05

Deep Olive and Storm Blue set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#DCE4DE): bright and airy, almost weightless.
• Taupe (#95AAA2): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#6D8E8A): A luminous, dusty teal — the color of shallow lagoons.
• Deep Olive (#564200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#020C05): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Ancient Chestnut color palette (#DEECE3, #85A9A9, #6A9194, #746200, #000D05)
• Worn Harbor color palette (#E8E0E5, #AFA0A4, #6C907B, #772600, #11050D)
• Ancient Basalt color palette (#EAE4D9, #C0BBA2, #909675, #4C3900, #020100)
• Washed Basin color palette (#E5E2DB, #A09A85, #6C764C, #332A00, #0D0802)
• Forest Studio color palette (#D7E3E2, #A5B8BC, #729CAF, #006336, #001818)
• Onyx Quarry color palette (#FFE9DA, #65876E, #3F5C33, #3A1C53, #23000F)
• Muted Onyx Drift color palette (#CBEDE8, #37856D, #005051, #4E1600, #000805)
• Aged Lantern color palette (#E9F1ED, #C9DCD9, #A1BEC0, #757700, #1B342A)

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