Dusty Cocoa color palette — #E3EAE4 · #96AAA2 · #6D8E89 · #584100 · #030C05

Built around Deep Olive, softened by Storm Blue — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#E3EAE4): bright and airy, almost weightless.
• Taupe (#96AAA2): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#6D8E89): A luminous, dusty teal — the color of sea glass.
• Deep Olive (#584100): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#030C05): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns Dusty 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

• Muted Garnet Hollow color palette (#EDE4EA, #B39EA5, #718F7C, #7A2302, #10050D)
• Weathered Lantern color palette (#E4DDD2, #9CA396, #72957D, #7F5D00, #100700)
• Tempered Courtyard color palette (#DBE6DC, #8B9F98, #517978, #392700, #020D03)
• Washed Basalt color palette (#E8E5DF, #BEBBAD, #959470, #4A3900, #020100)
• Worn Forest color palette (#DCEBE9, #95BCC3, #779CAB, #00642F, #001817)
• Tempered Pine color palette (#DDEFEC, #058965, #00504E, #4E1607, #000804)
• Olive Canyon color palette (#E7F1EC, #C6DDD9, #9BC0C1, #787528, #23322B)
• Linen Amber Delta color palette (#DBF5E9, #CE7500, #758200, #006956, #010200)

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