Pewter Pier color palette — #E7DDF1 · #9C789F · #91557B · #68412F · #221000

Built around Graphite, softened by Heather — the whole palette hums with optimism and creativity.

The five colors

• Thistle (#E7DDF1): A whisper-light, dusty violet — the color of wild irises.
• Heather (#9C789F): A luminous, dusty pink — the color of peonies in June.
• Graphite (#91557B): A full-bodied, balanced pink — the color of neon signs at night.
• Cocoa (#68412F): A full-bodied, dusty orange — the color of sun-warmed clay.
• Ink (#221000): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Aged Basalt color palette (#F3DFE6, #AA7A82, #905E56, #534100, #111300)
• Tempered Spruce color palette (#DBEFFF, #706F96, #6F4764, #11400D, #001818)
• Tempered Mulberry color palette (#DBE9FF, #7D749F, #79375E, #00270F, #000201)
• Aged Taupe color palette (#F6DEE8, #CF8F7E, #A6716B, #716139, #2E2D00)
• Airy Harbor color palette (#FFE6E8, #B850A5, #996400, #8F007E, #0B0400)
• Weathered Garden color palette (#FFE7F3, #D25A9F, #A6257C, #630045, #060003)
• Ultramarine Grove color palette (#FBE6F3, #B03491, #A64400, #3D43C1, #050003)
• Byzantium Boulevard color palette (#E4DCE9, #A745BF, #990AA5, #620057, #1D0015)

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