Tempered Taupe color palette — #F6F6ED · #D4DDD5 · #A6B3B3 · #9E9D81 · #53534D

Built around Taupe, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F6F6ED): bright and airy, almost weightless.
• Silver (#D4DDD5): bright and airy, almost weightless.
• Ash (#A6B3B3): soft and architectural.
• Taupe (#9E9D81): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#53534D): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Taupe 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

• Muted Workshop color palette (#E0E8E1, #A0BCAE, #75A094, #005E68, #08180C)
• Aged Bronze color palette (#F8F5E9, #C2DAB1, #81A688, #8F7D34, #535000)
• Tempered Hollow color palette (#E9EBDC, #A0A893, #7B8C74, #115404, #090A00)
• Aged Lagoon Grove color palette (#F2F7EF, #C9E0D9, #AAC6C2, #3B927C, #383C35)
• Tempered Mint Villa color palette (#FFF4E2, #9DCE8A, #56A391, #88626F, #474942)
• Softworn Jade Studio color palette (#EFF5E3, #52B17F, #4F5D4A, #363930, #22221C)
• Taupe Veranda color palette (#F4F6EE, #D3DED7, #A5B4B5, #999F81, #52534D)
• Hushed Coast color palette (#F7F5ED, #D6DDD4, #A6B4B1, #A59C76, #55534B)

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