Tempered Pewter color palette — #F5F0F6 · #E1D4D7 · #C7B8BA · #9E6167 · #312931

Mocha and Onyx set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F5F0F6): bright and airy, almost weightless.
• Silver (#E1D4D7): bright and airy, almost weightless.
• Stone (#C7B8BA): soft and architectural.
• Mocha (#9E6167): A full-bodied, dusty red — the color of embers at dusk.
• Onyx (#312931): 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

• Pewter Ridge color palette (#FBF3F1, #DFDAD2, #C3C0B0, #A05E6B, #514441)
• Bronze Archive color palette (#FCEEF2, #CCE3DD, #B1C5B7, #945D03, #331E25)
• Dusty Lantern color palette (#F0DCE8, #AC5B3F, #3E2A34, #1D1219, #0A0509)
• Terracotta Parlor color palette (#FBEDF6, #E4CCD8, #C59FAF, #9B3412, #281022)
• Washed Market color palette (#F8F3F9, #E3D7D9, #B3B6AA, #C58C96, #443C46)
• Quiet Amber Corridor color palette (#FCECF8, #FFC7C9, #FFA08D, #C4793F, #331528)
• Aged Onyx color palette (#EADBE1, #9C878D, #5C715F, #412000, #040002)
• Softworn Grove color palette (#E7F5F3, #8CBEBC, #4B8269, #6B4A56, #072E2C)

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