Tempered Taupe color palette — #F3F7F0 · #D3DCD9 · #A7B2B5 · #9F908F · #4F554B

Built around Heather, softened by Charcoal Brown — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F3F7F0): a clean, paper-quiet neutral.
• Silver (#D3DCD9): bright and airy, almost weightless.
• Ash (#A7B2B5): soft and architectural.
• Heather (#9F908F): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#4F554B): 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

• Teal Alley color palette (#EFF7F7, #D6DBE0, #BDB0B2, #7ABFA3, #445051)
• Wandering Field color palette (#FBF4E9, #E8DDBF, #BBB795, #969E84, #5F4B00)
• Antique Seafoam Bloom color palette (#FFF4E2, #9AE1D2, #7BB9CC, #AD7A92, #3D4C3D)
• Softworn Cypress color palette (#DCE1DA, #91A6A1, #689392, #007369, #020D01)
• Patina Lagoon Courtyard color palette (#EBF4F4, #D1D8DE, #AEADB9, #568D93, #303839)
• Aqua Dune color palette (#E9F6EB, #6BC8CE, #6E8177, #4C584E, #1F231E)
• Wandering Periwinkle Alley color palette (#FDF1FC, #EDD2D4, #D8B6B3, #5995FF, #402A3F)
• Cobalt Orchard color palette (#D9E6E2, #C7AEB2, #B29293, #0074C7, #021814)

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