Tempered Pewter color palette — #E9FAF1 · #91B9AE · #5C7D5C · #5C5471 · #2A4A42

Built around Fern, softened by Charcoal Brown — the whole palette hums with nature and growth.

The five colors

• Ivory (#E9FAF1): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#91B9AE): A luminous, dusty teal — the color of glacier melt.
• Fern (#5C7D5C): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal Brown (#5C5471): A full-bodied, dusty violet — the color of wild irises.
• Forest (#2A4A42): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Lagoon Market color palette (#EAF9F6, #A2CAC9, #558B93, #6F5F76, #3B5252)
• Hushed Dune color palette (#EAF5ED, #8EBFB3, #418467, #5E4A75, #112D27)
• Olive Lagoon color palette (#E8FBED, #A4A969, #51761E, #773D3C, #3B3E13)
• Basalt Bloom color palette (#F9F5EC, #C7C6A5, #689C85, #7A6893, #484500)
• Worn Cypress Coast color palette (#EFF8F1, #C5E1F1, #5891B7, #007074, #314966)
• Chalky Chestnut Boulevard color palette (#FFF0F8, #CD8F6F, #2E97B6, #95512B, #0F4A5B)
• Powdered Harbor color palette (#D2F4EB, #5DA46C, #006B4F, #6E204D, #053815)
• Dusty Taupe color palette (#F9F5E9, #C9DEAE, #8CBA8C, #AD838A, #4A4400)

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