Tempered Pewter color palette — #E2F7F3 · #8CAED8 · #8D65A5 · #3B5C34 · #242C3C

Slate and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E2F7F3): A whisper-light, dusty teal — the color of glacier melt.
• Mauve (#8CAED8): A luminous, dusty blue — the color of open sky before noon.
• Slate (#8D65A5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Pine (#3B5C34): A full-bodied, dusty green — the color of fresh herbs.
• Onyx (#242C3C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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

• Cobalt Archive color palette (#E6F7E9, #71B8C5, #5E75B6, #644F22, #202E38)
• Driftwood Studio color palette (#E5F7F0, #B69FD5, #A65F74, #1C5E57, #2D293A)
• Hushed Lilac color palette (#FFF0FD, #A59CE8, #856B96, #6A4F68, #444657)
• Muted Field color palette (#E9F3FF, #C3C6E2, #9886A8, #476D6D, #334748)
• Softworn Driftwood Boulevard color palette (#EBF5EE, #A3CEC0, #698D6C, #5B6078, #253530)
• Hushed Mulberry color palette (#D2F1E7, #9479C6, #A01A5C, #00433B, #19122E)
• Timeworn Lagoon color palette (#FFF2EC, #DED6FF, #B990C9, #9B6058, #4C3940)
• Antique Archive color palette (#EFF1FD, #D3D0E1, #C5BDFF, #C67FA0, #252637)

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