Muted Cocoa Pier color palette — #CDF4E8 · #8B96CB · #78608E · #724200 · #2E2700

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

The five colors

• Honeydew (#CDF4E8): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#8B96CB): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#78608E): A full-bodied, dusty violet — the color of twilight just after sunset.
• Bronze (#724200): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#2E2700): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Cocoa Study color palette (#E0ECFF, #B3889B, #805B80, #5F4500, #2B3000)
• Worn Periwinkle Station color palette (#CBE5FF, #95A3E6, #7F6492, #613C4B, #201C00)
• Cobalt Corridor color palette (#DDF3DD, #689DB7, #506FAE, #713031, #461E00)
• Softworn Cobalt Cabin color palette (#D0F6F5, #4B82B3, #704A75, #354114, #002F15)
• Misty Fern Coast color palette (#ECEFFF, #BEA3DD, #AC6C95, #6B6000, #214500)
• Wandering Garnet color palette (#F1EAFF, #95688F, #7E3245, #2E3900, #001707)
• Tempered Periwinkle color palette (#C3EDFB, #8C9EF3, #A67A9E, #4F7360, #062C1C)
• Antique Driftwood Cabin color palette (#F1DCE0, #C895AC, #B1706B, #456B3F, #004235)

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