Tempered Pewter color palette — #F4F4FF · #8FD7AF · #846198 · #4E385B · #21202E

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

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Mint Leaf (#8FD7AF): A whisper-light, balanced teal — the color of sea glass.
• Slate (#846198): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#4E385B): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#21202E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Driftwood Veranda color palette (#F8F3FC, #A9DDD4, #9F6B81, #574562, #2F2933)
• Patina Celadon color palette (#FFF1F3, #DDEEB2, #8C678F, #4F2D34, #1A0A0D)
• Washed Ridge color palette (#FFF1F2, #CFA955, #713B65, #432427, #251711)
• Patina Ash color palette (#F8F2FE, #FFC7AC, #BC7F9F, #7E546A, #251E2B)
• Brick Loft color palette (#FEF0FE, #B0C851, #B82B43, #622229, #251326)
• Hushed Olive Dune color palette (#F4F4FF, #C999F2, #5A8E2F, #2874AB, #313143)
• Amber Corridor color palette (#E3FCEF, #DC98C6, #C16E2E, #1F6998, #46374A)
• Worn Mulberry Delta color palette (#E9E0F6, #5BC668, #9D007C, #540041, #200317)

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