Muted Pier color palette — #F3F4FD · #E2D8E1 · #BDAE72 · #A090C0 · #16221A

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

The five colors

• Ivory (#F3F4FD): bright and airy, almost weightless.
• Silver (#E2D8E1): bright and airy, almost weightless.
• Camel (#BDAE72): A luminous, balanced green — the color of new leaves after rain.
• Blue Fog (#A090C0): A luminous, dusty violet — the color of wild irises.
• Onyx (#16221A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged duotone, 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 Basin color palette (#F0F6FD, #D9D9E4, #E6949C, #759CD2, #231C23)
• Coral Grove color palette (#FAF2FB, #F5D4C8, #76AE76, #C16D7B, #011614)
• Patina Corridor color palette (#FBF1FE, #E1D8E1, #EED499, #ADB3AA, #47343F)
• Hushed Pewter Lantern color palette (#FBF3F5, #E0B2BE, #A86C55, #86569B, #332C28)
• Petal Loft color palette (#DFFDF7, #F8CBFF, #CC9280, #447C85, #443B4B)
• Wandering Apricot color palette (#FDF1F9, #F49C85, #B18542, #646E40, #242A3A)
• Softworn Corridor color palette (#F7F3FD, #FFADE3, #72A980, #3B757A, #153E4B)
• Byzantium Canyon color palette (#F5F3FF, #F4C5FF, #A2AB26, #9E3BB3, #000E08)

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