Tempered Pewter color palette — #F3F5FD · #E1D8E0 · #BDAEAD · #697760 · #50525B

Pewter and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F3F5FD): a clean, paper-quiet neutral.
• Silver (#E1D8E0): bright and airy, almost weightless.
• Ash (#BDAEAD): soft and architectural.
• Pewter (#697760): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal Brown (#50525B): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Oat Lagoon color palette (#F0F6FC, #DCD9E3, #D2BCE2, #BAAEB2, #4E5358)
• Muted Powder color palette (#DDFCFE, #C4CDFF, #D29CB2, #619699, #454659)
• Mallow Atelier color palette (#F4F4FF, #DDB3FF, #96B482, #6A936C, #1A4A50)
• Softworn Mallow Lagoon color palette (#F3EFFF, #E696E2, #867587, #56525F, #202128)
• Muted Driftwood color palette (#F7EFF2, #DDD5D2, #B2AEA4, #8B76AF, #3E3337)
• Pewter Drift color palette (#E1E2EA, #B49AAC, #9D8088, #735098, #080812)
• Washed Plum Boulevard color palette (#E8E1E9, #C7A9AA, #8EB296, #A85363, #1B0F1C)
• Worn Coral Balcony color palette (#FDF1FC, #EFD2D0, #B5DBC4, #DB7675, #3B2E3A)

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