Pewter Harbor color palette — #D8DFEB · #A0A9CB · #6C6D8F · #553F57 · #3C2337

Slate and Espresso set the tone — five colors that lean into sophistication.

The five colors

• Silver (#D8DFEB): bright and airy, almost weightless.
• Mauve (#A0A9CB): A luminous, dusty violet — the color of a velvet chair.
• Slate (#6C6D8F): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#553F57): A full-bodied, dusty pink — the color of neon signs at night.
• Espresso (#3C2337): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Sophistication. Tagged vintage, retro, 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

• Worn Lantern color palette (#E9ECFF, #B3B0CB, #8A7CA0, #6D5465, #452634)
• Cocoa Bloom color palette (#F1E4F1, #B3A1C5, #93646F, #664723, #0B2D16)
• Softworn Pier color palette (#EAEEFF, #7F72AF, #614370, #3B203B, #00191A)
• Faded Bloom color palette (#E5EAFF, #8E8FE6, #6451B3, #4A2A7C, #2B1840)
• Byzantium Market color palette (#F7EDFF, #BD93DC, #844F9F, #471C61, #1B0026)
• Washed Cobalt Workshop color palette (#EAF4F4, #B0CBE1, #3C82B5, #00586D, #03213F)
• Dusty Ash color palette (#EBF7FF, #C4D7F6, #A48DB7, #4D786D, #0D473F)
• Cypress Meadow color palette (#DEF8F8, #76AD9C, #2B7268, #1B4E5C, #002124)

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