Tempered Pewter color palette — #F8F0EF · #DCD6CF · #C2BCAB · #986278 · #352928

Built around Mocha, softened by Stone — the whole palette hums with sophistication.

The five colors

• Cream (#F8F0EF): bright and airy, almost weightless.
• Silver (#DCD6CF): a clean, paper-quiet neutral.
• Stone (#C2BCAB): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#986278): A full-bodied, dusty rose — the color of pressed rose petals.
• Espresso (#352928): 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 Garden color palette (#FCF3F1, #E2D9D0, #CABEAE, #956471, #514442)
• Timeworn Bronze Orchard color palette (#FAF0E9, #D9D8C4, #CDBE94, #A3511F, #312116)
• Hushed Driftwood Lantern color palette (#FFEDED, #CFA899, #997B55, #396757, #3C2C3A)
• Lagoon Corridor color palette (#F4F2E9, #A0BD97, #2E8766, #6F4850, #282911)
• Rust Coast color palette (#F9E8E2, #B7504D, #35302B, #21110B, #0B0504)
• Dusty Mulberry color palette (#FBEFEB, #E9CEBC, #C1A685, #AB0034, #28140E)
• Ancient Lantern color palette (#F3E6E4, #AF9B91, #987354, #68002E, #0A0201)
• Chestnut Corridor color palette (#F0E7E0, #D1CABE, #A9A48C, #7E4500, #1E130A)

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