Tempered Pewter color palette — #F8EFF2 · #E4D2C9 · #C7B2AA · #705986 · #271D21

Built around Graphite, softened by Rosewood Mist — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Bone (#E4D2C9): A whisper-light, dusty orange — the color of toasted spice.
• Rosewood Mist (#C7B2AA): A luminous, dusty orange — the color of toasted spice.
• Graphite (#705986): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#271D21): quiet, heavy and certain.

Feels like: Creativity, 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 Drift color palette (#FDF2F4, #E3D6D1, #C7ACAC, #7A5283, #433739)
• Softworn Terracotta Boulevard color palette (#FCEFEA, #DED8C0, #C9BEA5, #A04F4B, #2F211B)
• Worn Lantern color palette (#F5F4FC, #E3D7E0, #C2ADAE, #9B7DA7, #2E2D39)
• Timeworn Cocoa color palette (#F0E7E2, #D8C9B7, #ABA48A, #7C4335, #211209)
• Timeworn Aubergine color palette (#E7DDDF, #C6ACA9, #A58576, #573264, #14060A)
• Washed Atelier color palette (#FEEFDF, #A9A451, #47713D, #5A3C4C, #231B05)
• Softworn Garden color palette (#E2EFCE, #8878DC, #8D3C53, #00433B, #280E16)
• Charred Balcony color palette (#F4DCDC, #AE0086, #391C0F, #170708, #040102)

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