Tempered Pewter color palette — #FFF2EE · #ECE9AD · #A16266 · #502E24 · #1B0A06

Mocha takes the lead with Celadon Mist close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Celadon Mist (#ECE9AD): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#A16266): A full-bodied, balanced red — the color of late-summer berries.
• Espresso (#502E24): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#1B0A06): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Ancient Loft color palette (#FCF3ED, #CBDECC, #B07748, #6A3700, #231911)
• Aged Grove color palette (#FFF3E4, #FCD36F, #8E6100, #402900, #0E0600)
• Terracotta Garden color palette (#FAEFEA, #DBA775, #88382B, #3E1D0C, #130A06)
• Muted Taupe color palette (#FBF2F9, #F6CCA7, #BF8379, #86534B, #2B1C28)
• Hushed Ember color palette (#FDF3EE, #F1D6C3, #8CA968, #C96A61, #141305)
• Mustard Basin color palette (#FFF2EB, #E1C200, #973100, #3A0D00, #030100)
• Eclipse Orchard color palette (#F3DDD4, #A08F00, #570105, #0F0903, #050000)
• Coral Courtyard color palette (#FFF2EC, #F89281, #5CACB8, #2D7F8B, #322017)

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