Pewter Pier color palette — #F7F3FF · #B5A8D1 · #71A880 · #99588E · #32573C

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

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Mauve (#B5A8D1): A luminous, dusty violet — the color of a velvet chair.
• Jade (#71A880): A luminous, balanced teal — the color of sea glass.
• Slate (#99588E): A full-bodied, balanced pink — the color of neon signs at night.
• Deep Olive (#32573C): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Sophistication. 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

• Indigo Study color palette (#F1F5FF, #ABAADA, #9F9D59, #6C67B3, #514F24)
• Softworn Studio color palette (#FDF1FC, #C5A3C2, #4AA8B4, #AB5455, #17575E)
• Patina Jade Lagoon color palette (#F4EFF9, #DE9CBC, #81AA6D, #995A7A, #0F3932)
• Dusty Mint color palette (#FFF1F3, #E3B2DE, #75C596, #B074AB, #4C4E47)
• Cerulean Balcony color palette (#F7F2FF, #B985A7, #988B3D, #0084A0, #473E53)
• Feathered Mulberry Atelier color palette (#FAF1FF, #D96798, #009474, #A60061, #004635)
• Aged Chestnut Boulevard color palette (#FAF2FA, #A7CBAE, #804E51, #462F47, #2D2226)
• Terracotta Drift color palette (#FFF0FA, #D18B74, #0099B7, #AE3700, #004B5A)

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