Tempered Pewter color palette — #FFF1F5 · #E4D7D3 · #AEB5AC · #547D72 · #614A4F

A conversation between Slate and Charcoal Brown, giving this palette its sense of sophistication.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Bone (#E4D7D3): bright and airy, almost weightless.
• Ash (#AEB5AC): soft and architectural.
• Slate (#547D72): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#614A4F): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Sophistication. Tagged pastel, light, 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

• Weathered Harbor color palette (#FFF2F0, #E1D8D0, #D6C09D, #AAB6B1, #664D49)
• Patina Shell color palette (#F4F4FF, #DFD6E0, #EDBABE, #7E83A4, #4C4B5B)
• Bronze Market color palette (#FBF4EA, #DCE0C3, #C3AA85, #9D7034, #503C00)
• Tempered Mallow color palette (#FFF1F3, #E2B0E1, #7EB9C7, #5887AC, #3F2B2F)
• Dusty Market color palette (#FFF1F1, #E1DCCF, #A37A78, #593E3D, #251717)
• Hushed Parlor color palette (#FFF1F0, #E5D7D4, #A7B9A8, #BB8AAD, #52322D)
• Amber Drift color palette (#FFE6E2, #FFB89D, #DA8126, #87303C, #110100)
• Chalky Mulberry color palette (#FFF2EF, #F1D4C8, #FD9B88, #9B4273, #2C020E)

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