Pewter Harbor color palette — #F0F1F9 · #CABAE9 · #9D7395 · #7B64A1 · #181321

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

The five colors

• Ivory (#F0F1F9): a clean, paper-quiet neutral.
• Lavender (#CABAE9): A luminous, dusty violet — the color of wild irises.
• Heather (#9D7395): A luminous, dusty pink — the color of neon signs at night.
• Slate (#7B64A1): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#181321): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged duotone, 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

• Washed Driftwood Veranda color palette (#F4F0F7, #EBAFCB, #B36C6B, #985C7A, #1B121B)
• Weathered Indigo Dune color palette (#F9F3F7, #D7B4CA, #B16270, #6063B2, #3A2926)
• Driftwood Grove color palette (#FFECF5, #CA9BB9, #9F6474, #664D29, #32273B)
• Hushed Onyx color palette (#F3EFFF, #D2ABCA, #A67690, #773E53, #510F25)
• Tempered Driftwood color palette (#F1F1F8, #DBD4DA, #B5A9AB, #817E9D, #36353E)
• Patina Lilac color palette (#FAF3F5, #F0C3D3, #C585A3, #9E76CE, #3A2928)
• Muted Corridor color palette (#F2F5FD, #DDD8E2, #E09992, #8E94D0, #251A23)
• Gentle Mulberry color palette (#E7E1F3, #B871AB, #9D0248, #78006D, #050008)

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