Muted Cocoa Workshop color palette — #DCE4DD · #99A9A2 · #5C928B · #584100 · #020C04

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

The five colors

• Parchment (#DCE4DD): a clean, paper-quiet neutral.
• Taupe (#99A9A2): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#5C928B): A luminous, dusty teal — the color of shallow lagoons.
• Deep Olive (#584100): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#020C04): 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 Muted Cocoa Workshop 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

• Chestnut Orchard color palette (#F6EEE2, #9CA397, #778F7E, #7F5D00, #100700)
• Basalt Dune color palette (#E7E0D4, #BFBBAC, #959476, #4A3900, #020100)
• Ancient Garnet color palette (#E5DEE3, #B19FA5, #92865A, #7B2100, #11050D)
• Bronze Studio color palette (#E3DED2, #A19984, #807026, #352A00, #0F0800)
• Hushed Forest Courtyard color palette (#D9EAE8, #9FBABE, #5EA1AD, #00642E, #001817)
• Lagoon Station color palette (#C8E6E0, #108967, #00504F, #511200, #000808)
• Tempered Parlor color palette (#E8DDCD, #6E8147, #00634A, #4B2240, #250015)
• Olive Pier color palette (#E9F0ED, #C6DED9, #94C1C3, #797600, #20322A)

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