Tempered Quarry color palette — #F7F3FA · #E2D7DA · #B2ACA4 · #9F7289 · #545158

Mocha and Charcoal Brown set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F7F3FA): bright and airy, almost weightless.
• Silver (#E2D7DA): bright and airy, almost weightless.
• Ash (#B2ACA4): soft and architectural.
• Mocha (#9F7289): A luminous, dusty rose — the color of strawberry cream.
• Charcoal Brown (#545158): a grounded near-black with real depth.

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

Use it as a design system

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

• Dusty Taupe color palette (#F7F4F9, #DED7DA, #CBC1BA, #C585A0, #555059)
• Antique Driftwood color palette (#F8F0EF, #DBD5D0, #B2B0A3, #A57186, #3E3332)
• Aged Denim color palette (#F6F3FF, #D0C3D2, #9D868F, #5F7685, #414C64)
• Ancient Quarry color palette (#E9FAF1, #CA94B8, #976B5D, #2B626F, #4F4353)
• Tempered Onyx Archive color palette (#EAE2EE, #A395A0, #816874, #51042B, #0D0611)
• Amber Atelier color palette (#FBF2FD, #EFD2E0, #F7B6A4, #BE9050, #574455)
• Antique Basalt Hollow color palette (#ECDDE2, #9FAEA3, #67877D, #522D00, #210C15)
• Softworn Terracotta Market color palette (#F5EBF4, #D7C7CF, #95A696, #8E2F36, #372836)

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