Tempered Alley color palette — #F2F7F1 · #D2DEDE · #BCB9AE · #8BA485 · #4F544E

Taupe and Stone set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#D2DEDE): a clean, paper-quiet neutral.
• Stone (#BCB9AE): a calm mid-gray that lets other colors speak.
• Taupe (#8BA485): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#4F544E): a grounded near-black with real depth.

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

Use it as a design system

One click turns Tempered Alley 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 Fern Study color palette (#FAF4EC, #D8D2B5, #7BA982, #6D8473, #5B4C00)
• Tempered Pier color palette (#DDE3DE, #98A9A2, #9A7B91, #005052, #010D03)
• Softworn Cerulean color palette (#F8F3F8, #E4D8D8, #D3BDB4, #6A92C3, #4D444E)
• Weathered Powder color palette (#EBFAEE, #B2E3EE, #C0B7CB, #BCACF6, #3C5248)
• Tempered Driftwood color palette (#F2F7ED, #75C4A4, #B4759C, #806435, #46423B)
• Muted Azure Balcony color palette (#FFF2E9, #7BD1BE, #6C95C8, #906349, #3B4D3F)
• Dusty Denim Meadow color palette (#E8F2EF, #D1BEC9, #C198A1, #00669E, #0D241E)
• Aged Loft color palette (#EAF5EF, #46AAC7, #645160, #2E3C34, #1F231E)

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