Muted Cocoa Harbor color palette — #EBDCE2 · #B69DA4 · #778D7A · #683600 · #13040B

Bronze and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Silver (#EBDCE2): bright and airy, almost weightless.
• Taupe (#B69DA4): A luminous, dusty rose — the color of pressed rose petals.
• Eucalyptus (#778D7A): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#683600): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#13040B): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

One click turns Muted Cocoa Harbor 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

• Tempered Basalt color palette (#D9E0DB, #91AC9D, #689180, #554300, #000D04)
• Garnet Market color palette (#EEE4F0, #B19EAF, #967E8F, #7B1B34, #0F0510)
• Muted Cocoa color palette (#ECE5E9, #B2BEB4, #769B90, #622800, #040002)
• Timeworn Chestnut color palette (#E9E1DA, #A2A194, #868B74, #974C00, #120600)
• Ancient Archive color palette (#ECDFE5, #939D93, #607768, #451F00, #11050B)
• Muted Fern color palette (#E6EFEA, #AECCC0, #85AFA3, #6B6200, #14231C)
• Antique Amber color palette (#FAE7C7, #D87C00, #A67600, #685D00, #050300)
• Wandering Olive color palette (#F3EBCE, #7B7B28, #4B5F27, #003A39, #001317)

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