Muted Pier color palette — #ECF9EF · #D4B456 · #78A1FF · #9C7C00 · #314166

Cornflower takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Gold (#D4B456): A luminous, balanced green — the color of new leaves after rain.
• Cornflower (#78A1FF): A luminous, balanced violet — the color of wild irises.
• Ochre (#9C7C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#314166): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Hazy Sky color palette (#FFF1F6, #EEA56A, #21BBF9, #B26100, #22465E)
• Misty Wisteria color palette (#E9FAF4, #ACC27E, #C095F2, #6A850F, #3E3E60)
• Tempered Marigold color palette (#EAFAEF, #C19A00, #7185CC, #7C6200, #314262)
• Marigold Grove color palette (#FDF4E3, #E0CC78, #96BFFF, #B79D20, #533752)
• Turquoise Station color palette (#E0FEEC, #B6A551, #00AACA, #AB709A, #283E31)
• Frosted Amber color palette (#FFF4E1, #EED282, #EBA1C1, #A7850C, #502A3C)
• Worn Glacier color palette (#E4FCEE, #BDE7EA, #7ED5EC, #AB8958, #42584F)
• Violet Study color palette (#C0F2DD, #B1B92A, #8259EC, #6A6F00, #321967)

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