Tempered Pewter color palette — #FEF1F5 · #ABBEAD · #9A7481 · #755165 · #394D41

Built around Graphite, softened by Mocha — the whole palette hums with sophistication and grounding.

The five colors

• Ivory (#FEF1F5): bright and airy, almost weightless.
• Stone (#ABBEAD): A luminous, dusty green — the color of fresh herbs.
• Mocha (#9A7481): A luminous, dusty rose — the color of pressed rose petals.
• Graphite (#755165): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal (#394D41): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Sophistication, Grounding. Tagged earthy, warm, 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

• Worn Chestnut Canyon color palette (#ECF9EE, #A2C0AF, #927D53, #775634, #354E44)
• Driftwood Corridor color palette (#FCEDF3, #A4C4AE, #A37953, #674F63, #1C312A)
• Timeworn Cocoa Corridor color palette (#FFF0F7, #BF9CA8, #91684E, #734237, #2D4431)
• Wandering Pewter Terrace color palette (#F6F4FB, #C5B9DC, #A76C59, #925387, #362A31)
• Softworn Bronze color palette (#FFF3E7, #DBC8A4, #BD9269, #A26243, #524800)
• Aged Garnet Drift color palette (#F5E1EE, #B1899C, #934D34, #722729, #472330)
• Hushed Drift color palette (#F6F3FF, #AA7FAA, #7B8556, #00705D, #3E3A4A)
• Bronze Corridor color palette (#D9F8E1, #A69F5F, #836500, #673F00, #323A06)

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