Hushed Cocoa Atelier color palette — #E8DCE2 · #9BAF9F · #79855A · #5D2300 · #1F0C18

Espresso and Driftwood set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#E8DCE2): bright and airy, almost weightless.
• Sage (#9BAF9F): A luminous, dusty teal — the color of glacier melt.
• Driftwood (#79855A): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#5D2300): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#1F0C18): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Hushed Cocoa Atelier 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 Market color palette (#DDE6DD, #9CAEA7, #5C8987, #4B3200, #0B170D)
• Bronze Station color palette (#ECE4DE, #AC9D8B, #967732, #562800, #0A0300)
• Muted Garnet color palette (#E8E2EB, #B7A2B1, #967A55, #690038, #1A0E20)
• Ancient Cocoa Canyon color palette (#EFE4E9, #A7BBA6, #7F9E8A, #803E00, #1C0F16)
• Dusty Chestnut Grove color palette (#FFF0F7, #C0DAC8, #96B17E, #8A4500, #3F2C35)
• Timeworn Fern color palette (#E7F2EB, #BED1CD, #78AAB1, #615500, #233229)
• Weathered Pier color palette (#EFDBDA, #936400, #205307, #301A4B, #260422)
• Muted Olive Corridor color palette (#EFF7F5, #D2DEE5, #B4C2D6, #627E4D, #414A48)

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