Tempered Pewter color palette — #DBEDFA · #8297B8 · #796192 · #623C4E · #443500

Built around Slate, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Frost (#DBEDFA): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#8297B8): A luminous, dusty blue — the color of deep harbor water.
• Slate (#796192): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#623C4E): A full-bodied, dusty rose — the color of pressed rose petals.
• Espresso (#443500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Muted Iris color palette (#CCE2FF, #898AC1, #666181, #573F19, #353A00)
• Garnet Study color palette (#DDE0FE, #8D719D, #6C3355, #322B00, #002015)
• Fern Study color palette (#C5F2F3, #5D9EAA, #4F6090, #374B0C, #002516)
• Timeworn Station color palette (#D5E9FE, #A0ACD1, #8B7095, #4A6049, #1E4B4A)
• Weathered Ash Archive color palette (#E0EEF9, #A7B8E2, #A78FC3, #946B4C, #443604)
• Pewter Atelier color palette (#F4F4FF, #D1CADD, #A18FA4, #58776D, #3A504F)
• Dusty Nightshade color palette (#D3DDFC, #7A6FCD, #786B00, #482E9D, #2F2900)
• Hushed Bloom color palette (#E9F1EA, #87BACD, #0070A2, #004F51, #0C2E53)

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