Tempered Pewter color palette — #F6F3FF · #DCC189 · #8F5C92 · #443C5D · #22202C

Slate and Sand set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Sand (#DCC189): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Slate (#8F5C92): A full-bodied, balanced pink — the color of a candy shop window.
• Navy (#443C5D): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#22202C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Sophistication. Tagged luxury, dark, muted.

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 Workshop color palette (#FFF1F2, #EED8BE, #936589, #4C2B45, #190B0C)
• Ash Harbor color palette (#FEF2F5, #C6E0A5, #A885BC, #7F5562, #2C1D21)
• Muted Amber color palette (#F6F4FB, #ECADD8, #CF7600, #AE6298, #2D1F25)
• Mint Lantern color palette (#F2F5FF, #69C498, #544581, #282C45, #1E1824)
• Patina Cabin color palette (#F7EAF2, #D4AF5F, #9A4825, #552613, #1E1219)
• Driftwood Alley color palette (#F7F3F9, #E6D7DB, #D8BBBE, #BA798D, #4B454E)
• Muted Balcony color palette (#EAE0F3, #D6A200, #A10070, #56003A, #140A1D)
• Amber Coast color palette (#EAFAED, #E797A6, #C06E43, #207262, #4A3549)

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