Hushed Cocoa color palette — #B3E9FF · #9699C5 · #8F686B · #584800 · #332A06

Built around Deep Olive, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Powder Blue (#B3E9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#9699C5): A luminous, dusty violet — the color of twilight just after sunset.
• Pewter (#8F686B): A full-bodied, dusty red — the color of embers at dusk.
• Deep Olive (#584800): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#332A06): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Softworn Cocoa Alley color palette (#D9EBE4, #7AB0CB, #7A6B98, #5F4500, #35290F)
• Aged Lantern color palette (#D1E0FF, #CA9BA8, #A05F42, #425A19, #242D17)
• Tempered Parlor color palette (#FCD9EB, #C19AA7, #946C72, #72473F, #413F38)
• Aged Fern Balcony color palette (#CEFFEC, #D2ACBF, #A8817A, #5A5907, #363730)
• Muted Ash Chapel color palette (#EEF6FF, #D4D3FF, #A78AAE, #546D54, #2C473B)
• Worn Chestnut color palette (#E0E1FB, #B07B90, #895539, #004250, #002515)
• Wisteria Hollow color palette (#D7E4F5, #CD79DD, #A2444E, #054B34, #002F1E)
• Hushed Cobalt Chapel color palette (#CDF1FE, #6B72BC, #6F3A56, #293812, #0A1200)

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