Tempered Pewter color palette — #FBF3F6 · #E4D7D6 · #CFBAB6 · #746D9A · #4F444A

Slate takes the lead with Stone close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FBF3F6): bright and airy, almost weightless.
• Silver (#E4D7D6): a clean, paper-quiet neutral.
• Stone (#CFBAB6): A luminous, dusty orange — the color of autumn markets.
• Slate (#746D9A): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#4F444A): 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

• Ancient Cobalt Ridge color palette (#F6F0F3, #DED5D3, #CDB8AE, #6E6DAA, #32292E)
• Patina Plum color palette (#FEF2F2, #E5D6CC, #D6B3AB, #9B4979, #4D3A3A)
• Driftwood Coast color palette (#FCF2F4, #E1D8D4, #ACAEA1, #9F747C, #5A5051)
• Chestnut Pier color palette (#FFF1F3, #D6AEAD, #A07F79, #895A20, #505200)
• Timeworn Balcony color palette (#F8DCE3, #9152A9, #432A2E, #2A191E, #120B0A)
• Hushed Orchard color palette (#FFF1F5, #E0DBFF, #C79AEB, #B368A7, #512B37)
• Aubergine Atelier color palette (#F6E6EC, #B8A3A8, #99737A, #451F6E, #210B15)
• Tempered Garnet color palette (#E5DCD9, #C9B4AA, #A58775, #791E28, #2D1A13)

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