Tempered Pewter color palette — #E5F7EA · #8CB79E · #847346 · #5E4822 · #0E291D

A conversation between Walnut and Cocoa, giving this palette its sense of nature and growth.

The five colors

• Cream (#E5F7EA): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8CB79E): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#847346): A full-bodied, dusty gold — the color of honey in a jar.
• Cocoa (#5E4822): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Onyx (#0E291D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, 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

• Worn Bronze color palette (#E8F7E6, #C0A880, #916D40, #653F4F, #14281A)
• Softworn Alley color palette (#CFE8D8, #79A48E, #726428, #4F3B00, #001E14)
• Cocoa Grove color palette (#FCF4E7, #AFA78A, #85703C, #71461E, #423F00)
• Lagoon Dune color palette (#E3F6FA, #029B91, #936D39, #5C5300, #001E24)
• Driftwood Loft color palette (#FFECF5, #CFB2BD, #997788, #6A4E5F, #38262C)
• Hushed Driftwood color palette (#D3EAD7, #99853C, #6C5000, #442B00, #110F00)
• Washed Cypress Quarry color palette (#E4F6FA, #A6BC8F, #006261, #002D36, #000F14)
• Hazy Terracotta color palette (#F3DAE9, #C07951, #9A3600, #661206, #200C00)

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