Pewter Pier color palette — #FFF1F4 · #C4A1D2 · #85A373 · #886098 · #525000

Slate and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Mauve (#C4A1D2): A luminous, dusty pink — the color of peonies in June.
• Moss (#85A373): A luminous, dusty green — the color of new leaves after rain.
• Slate (#886098): A full-bodied, balanced pink — the color of neon signs at night.
• Deep Olive (#525000): A full-bodied, balanced green — the color of fresh herbs.

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

Use it as a design system

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

• Aged Pewter Garden color palette (#FFF2EF, #D79EAA, #5FA99A, #A0596C, #3F5435)
• Dusty Pewter Grove color palette (#FEEDF1, #D4A4B1, #84A87A, #895BA1, #203818)
• Dusty Hollow color palette (#FCF1FA, #9DAFDB, #B09558, #5C70A7, #514C46)
• Hushed Archive color palette (#F5F3FF, #DAB6DF, #A0BD7F, #AF71B8, #23584D)
• Antique Lagoon color palette (#FFF1F3, #B286B7, #A08552, #1F858D, #543A3F)
• Washed Thicket color palette (#FFF1F4, #E3D8D2, #DDC2A3, #A88492, #634C4D)
• Bronze Coast color palette (#FAF5E8, #BEB999, #967E36, #7A560C, #4C4B00)
• Gentle Mulberry color palette (#FFE9E5, #C2718B, #008D74, #942453, #004033)

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