Pewter Coast color palette — #FFF1F4 · #C1A2D1 · #2FA9C5 · #895DA0 · #345643

A conversation between Slate and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Mauve (#C1A2D1): A luminous, dusty violet — the color of twilight just after sunset.
• Cyan (#2FA9C5): A luminous, balanced blue — the color of deep harbor water.
• Slate (#895DA0): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#345643): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged muted.

Use it as a design system

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

• Periwinkle Coast color palette (#FFF1F0, #DD98B7, #6E9CD3, #9A5B79, #59455A)
• Timeworn Pewter color palette (#FFF1F5, #BFA3D1, #CF835B, #885EA1, #524C47)
• Mallow Lagoon color palette (#FFECF0, #D29BE1, #78AB80, #886192, #30322B)
• Mallow Corridor color palette (#F5F4FF, #E1AFF0, #8CC097, #A27CAE, #335452)
• Lilac Canyon color palette (#FFF1F3, #BC80B5, #BE735D, #5A75AE, #523B3E)
• Wandering Archive color palette (#FFF2EE, #E09AA1, #9C9F46, #AA5360, #4F4D46)
• Quiet Mulberry Atelier color palette (#FFF1F2, #CF68B7, #0087C6, #9A1682, #003F5F)
• Stone Market color palette (#FFF1F2, #E2D7D1, #E1BC94, #A67F85, #5D4748)

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