Tempered Pewter color palette — #F4F6EE · #D2DFDA · #A7B5BB · #786267 · #52534D

A conversation between Pewter and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Silver (#D2DFDA): bright and airy, almost weightless.
• Ash (#A7B5BB): soft and architectural.
• Pewter (#786267): A full-bodied, dusty red — the color of a theater curtain.
• Charcoal Brown (#52534D): 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

• Wandering Stone color palette (#F4F6EF, #D4DCD7, #BAC4C9, #8BBBA0, #4C4F46)
• Tempered Seafoam color palette (#FFF2EF, #94E6AD, #82B7D0, #A8817C, #3F4C3A)
• Worn Mint color palette (#ECF5E9, #00D3BE, #688277, #4F574D, #21221C)
• Weathered Cocoa color palette (#F9F6E1, #BDE7D5, #B1CCC3, #AB9587, #753F0E)
• Wandering Lagoon Archive color palette (#ECF4F3, #D1D8DD, #AFAEBC, #5D906D, #303837)
• Wandering Seafoam Lantern color palette (#F3F7E8, #90DCA3, #C697C4, #AE757A, #5A3930)
• Hushed Celadon color palette (#F0F9E7, #EEF99F, #7BF6EA, #A4CAF4, #354E3C)
• Patina Delta color palette (#E7EBE0, #90A6A0, #6D8F91, #00764D, #060B00)

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