Muted Pier color palette — #EBF8F6 · #B1D9A2 · #8992DF · #925C31 · #4B2E39

A conversation between Lavender Blue and Ochre, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EBF8F6): bright and airy, almost weightless.
• Pistachio (#B1D9A2): A whisper-light, balanced green — the color of a quiet forest floor.
• Lavender Blue (#8992DF): A luminous, balanced violet — the color of wild irises.
• Ochre (#925C31): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#4B2E39): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

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

• Washed Study color palette (#EBF8FB, #76E1D6, #BB84B9, #8D5F38, #23402C)
• Wandering Turquoise Garden color palette (#F0F7F1, #E4C88F, #30ABBE, #88587E, #482E44)
• Hushed Driftwood color palette (#E4FBF7, #CFDFED, #ACC4D7, #9B7D8F, #5C4C51)
• Hushed Studio color palette (#F0F8ED, #6EDDD0, #7CB1D0, #8081B2, #474500)
• Weathered Cocoa color palette (#F4F2E7, #93A46B, #766899, #713C22, #3A200C)
• Pale Violet Corridor color palette (#DAFDFD, #00CE88, #7D5AF9, #7C3D00, #2C1F00)
• Peony Alley color palette (#E9F8FF, #59CDE3, #C46497, #5E6117, #2C2E00)
• Muted Ridge color palette (#F1F8EC, #69A692, #53719F, #74405D, #46413C)

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