Pewter Harbor color palette — #F3F4FF · #95D4B7 · #7F60A6 · #3E3F5E · #20202E

A conversation between Slate and Pistachio, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Pistachio (#95D4B7): A luminous, dusty teal — the color of glacier melt.
• Slate (#7F60A6): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#3E3F5E): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#20202E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Cobalt Villa color palette (#F0F5FF, #D0C686, #576DB4, #344068, #1A222F)
• Hushed Plum Courtyard color palette (#F8F3FC, #ADD196, #A55178, #4B3B56, #251E2A)
• Celadon Pier color palette (#FEF1F5, #D7F0B8, #846A98, #4E2D38, #170B0F)
• Worn Ash color palette (#F6F3FD, #FFC6B1, #B184A7, #685C7F, #241E2F)
• Muted Villa color palette (#FFF1F3, #CFA955, #68406D, #40252B, #251611)
• Washed Moss color palette (#F4F4FE, #D6B4F3, #ADA62D, #8556A9, #1A2821)
• Dusty Ridge color palette (#F7F4FA, #E6D8DB, #D6BCB8, #B87897, #4A464E)
• Aged Cabin color palette (#F9E9F5, #B2BC74, #A7392C, #53261F, #1E111B)

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