Mulberry Pier color palette — #ECF9EE · #7CB1C0 · #4E7E99 · #854052 · #344C55

A conversation between Garnet and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Blue Fog (#7CB1C0): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4E7E99): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Garnet (#854052): A full-bodied, balanced red — the color of late-summer berries.
• Charcoal (#344C55): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Timeworn Lagoon color palette (#EBFAEE, #89B58D, #32867F, #6B4B77, #304E4E)
• Wandering Garden color palette (#EDF7FB, #59A6AC, #78649E, #803E2B, #354928)
• Antique Archive color palette (#F1F7F2, #DADDED, #849AC1, #177A95, #46526D)
• Cobalt Pier color palette (#FEECF6, #6FBEA1, #437EAC, #76422B, #173037)
• Pewter Terrace color palette (#E8F8FF, #B1C2CE, #8692A6, #7F6C7E, #644C4B)
• Seafoam Meadow color palette (#FFF2EA, #83D0B5, #6598C3, #93614C, #3C4D3D)
• Tempered Pewter color palette (#EAFAED, #7B98CA, #735C99, #6C4400, #2F3C5B)
• Weathered Ultramarine color palette (#E1FEE6, #009CB9, #035BBE, #86020B, #003B52)

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