Tempered Pewter color palette — #F4F0F7 · #E2D4DA · #CCB7BE · #806C8D · #2F2A32

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

The five colors

• Ivory (#F4F0F7): bright and airy, almost weightless.
• Silver (#E2D4DA): a clean, paper-quiet neutral.
• Stone (#CCB7BE): A luminous, dusty rose — the color of strawberry cream.
• Slate (#806C8D): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#2F2A32): a grounded near-black with real depth.

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

• Dusty Loft color palette (#FCF3F2, #E0D9D2, #C6BEB2, #946665, #524443)
• Dusty Parlor color palette (#F8DFF2, #C8A3B7, #A67D8B, #3F635B, #173D3B)
• Bronze Drift color palette (#FBEEF4, #E9D0CE, #B1C6AF, #A25222, #2E2028)
• Patina Garnet Balcony color palette (#E3DDE5, #AE97AF, #8E7189, #68002E, #09010C)
• Tempered Market color palette (#E6F6F0, #A4BC91, #598154, #674B5C, #172C27)
• Aged Blush color palette (#F9EDFB, #FFCDE1, #FD8FA4, #C27C6E, #2F1D31)
• Tempered Mulberry color palette (#F8EEF8, #E5CAE0, #C39FB7, #993140, #231324)
• Cocoa Coast color palette (#E4F0E5, #A4BAAB, #749785, #593E00, #040E05)

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