Pewter Harbor color palette — #F7F3FC · #DEB1C8 · #A86C55 · #965478 · #382832

A conversation between Pewter and Mocha, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#F7F3FC): bright and airy, almost weightless.
• Carnation (#DEB1C8): A luminous, dusty rose — the color of a warm blush.
• Mocha (#A86C55): A full-bodied, balanced orange — the color of autumn markets.
• Pewter (#965478): A full-bodied, balanced rose — the color of strawberry cream.
• Espresso (#382832): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged duotone, muted, warm.

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 Quarry color palette (#FAF3F8, #ECAFA0, #848044, #975B4B, #22322A)
• Aged Plum color palette (#F2F0F8, #C7BCE4, #A07B46, #9C5196, #0E190E)
• Dusty Summit color palette (#EBFAEE, #D69397, #976C4F, #30626B, #52424E)
• Chestnut Canyon color palette (#FFF1F5, #EEB1AF, #AE705E, #814E24, #603F00)
• Wisteria Boulevard color palette (#FCF2F4, #F0C4CB, #B29957, #B76BB9, #312D27)
• Aged Driftwood color palette (#F9F2FE, #AD6781, #557645, #115862, #2D303E)
• Ancient Lagoon color palette (#FFF0FC, #F3D2CC, #FEAEA4, #B38A5B, #5C4052)
• Driftwood Pier color palette (#F8F3F9, #E0D7D9, #B2ABA1, #8F7994, #565057)

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