Tempered Pewter color palette — #F3F7F0 · #7FBDAC · #7E5DA2 · #00705C · #311D25

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

The five colors

• Ivory (#F3F7F0): a clean, paper-quiet neutral.
• Mint Leaf (#7FBDAC): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#7E5DA2): A full-bodied, balanced violet — the color of a velvet chair.
• Pine (#00705C): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#311D25): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Creativity, Sophistication. Tagged duotone, 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

• Airy Pine Meadow color palette (#F5F6ED, #8ABE8B, #566BAE, #02741B, #2E1E2B)
• Patina Field color palette (#F0F7F3, #7AB9D1, #9B5475, #006A85, #351C1B)
• Weathered Cobalt Chapel color palette (#EAF4F7, #6AC5C5, #4D72BE, #007374, #070E19)
• Antique Atelier color palette (#F1F7F1, #83D5D5, #6E8BDD, #009394, #2B2029)
• Tempered Petrol color palette (#FEF4E1, #49AA9B, #446BA0, #5F4B00, #2B4433)
• Chalky Plum color palette (#ECF9F3, #01B0E9, #B0007D, #005E7E, #311113)
• Soft Field color palette (#E8F7E8, #00A3A3, #95006B, #005152, #240318)
• Linen Nightshade color palette (#E8FACF, #6FB8BF, #2E7EB0, #4242A1, #531C6B)

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