Tempered Pewter color palette — #FFF0F9 · #DDC2CC · #B38FA5 · #9A6366 · #3C4D3F

Mocha and Dusty Rose set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Oat (#DDC2CC): A whisper-light, dusty rose — the color of pressed rose petals.
• Dusty Rose (#B38FA5): A luminous, dusty pink — the color of peonies in June.
• Mocha (#9A6366): A full-bodied, dusty red — the color of a theater curtain.
• Deep Olive (#3C4D3F): A full-bodied, dusty green — the color of a quiet forest floor.

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

• Timeworn Pewter color palette (#F0F8F0, #BAD1C3, #86A585, #8E677C, #384D45)
• Ancient Stone Balcony color palette (#FFF0F9, #F6CBE0, #DAA994, #A2899B, #534249)
• Basalt Terrace color palette (#FFF2EB, #E2DCC2, #D3A18E, #947166, #543900)
• Softworn Driftwood color palette (#FAF2FB, #B4DCC9, #A26C73, #5A445D, #312733)
• Dusty Balcony color palette (#F8F3F8, #E4C6E1, #A49F53, #D16768, #21322A)
• Worn Bronze color palette (#E7FBF1, #A0C8BE, #929360, #826322, #244442)
• Worn Olive color palette (#FFF0FD, #F4C6AA, #B79762, #807711, #295419)
• Misty Amber color palette (#FFE7EF, #C8B281, #BD7210, #9B4124, #393802)

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