Tempered Pewter Canyon color palette — #F5F6EE · #D4DDD6 · #A5B3B3 · #857084 · #53534C

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

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#D4DDD6): a clean, paper-quiet neutral.
• Ash (#A5B3B3): a calm mid-gray that lets other colors speak.
• Slate (#857084): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal Brown (#53534C): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Pewter Canyon 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

• Timeworn Seafoam color palette (#FDF4E5, #A4E4A0, #6DC0B3, #AA7D8A, #464942)
• Weathered Stone Loft color palette (#F7F5ED, #D5DDD4, #CAB7D2, #A7B3B1, #54534C)
• Aged Driftwood Canyon color palette (#ECF4F2, #D0D8DA, #A8AFB9, #708C68, #2C3937)
• Weathered Pine color palette (#E7E9E0, #93A69B, #729085, #34733E, #090B00)
• Timeworn Mint Balcony color palette (#EEF5E5, #37D49C, #738071, #52574C, #21221D)
• Petrol Garden color palette (#D7E2DB, #99B8B8, #B69EB7, #007F93, #04190D)
• Teal Hollow color palette (#F4F6EE, #C9E6D9, #ACCDC5, #6AB78C, #374700)
• Worn Azure color palette (#EEF8F2, #B8E7ED, #E3C6DF, #00A8D2, #1E392D)

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