Tempered Pewter color palette — #EBF9F1 · #98C2B8 · #658A77 · #76515E · #334D4D

Coffee and Eucalyptus set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#EBF9F1): bright and airy, almost weightless.
• Ash (#98C2B8): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#658A77): A full-bodied, dusty teal — the color of shallow lagoons.
• Coffee (#76515E): A full-bodied, dusty rose — the color of a warm blush.
• Charcoal (#334D4D): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Dusty Driftwood color palette (#FFF0F8, #A6C0A8, #977586, #6B556B, #394D44)
• Weathered Cocoa color palette (#E9FAF0, #87B1A6, #7B7447, #6C4924, #284342)
• Wandering Harbor color palette (#E9FAF1, #B3D3C8, #A09E71, #5C7E65, #354D49)
• Patina Garnet Parlor color palette (#E2FAFF, #97BFDE, #7F81B9, #6C4C7B, #6B2D49)
• Timeworn Petrol color palette (#EFF7FA, #88CDDB, #9E6991, #007B8C, #302B39)
• Tempered Stone color palette (#EDF6FF, #E4B1B3, #42617C, #273B4C, #21232F)
• Fern Boulevard color palette (#F9F5EA, #DBDCBD, #BDB97F, #AA8C6A, #3C5008)
• Chestnut Dune color palette (#DDEDDD, #9D9A5F, #825B16, #69321B, #093931)

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