Tempered Quarry color palette — #F1F6FB · #DBD9E3 · #C7BBCF · #4A799F · #43484E

A conversation between Slate and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Silver (#DBD9E3): bright and airy, almost weightless.
• Stone (#C7BBCF): A luminous, dusty violet — the color of wild irises.
• Slate (#4A799F): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#43484E): a grounded near-black with real depth.

Feels like: Trust, Stability, 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

• Washed Petrol color palette (#F6EFF6, #E4D4D7, #CBB8BB, #58779D, #302931)
• Ancient Grape Hollow color palette (#F3F4FE, #E0D5DF, #C6B4CF, #7854AE, #3D3F4A)
• Muted Balcony color palette (#D9F0FE, #ACBCD9, #8D84A8, #456C64, #315160)
• Timeworn Navy Ridge color palette (#E2E8EF, #A4A9B8, #7D7A9E, #003571, #071424)
• Hushed Olive color palette (#EFF8EE, #B7B185, #647D41, #4D5975, #31483C)
• Aged Aubergine color palette (#EFEDF4, #BFB5C3, #A3829C, #672760, #211C2C)
• Aged Ultramarine color palette (#F0F5FE, #CED1E3, #A9A0C7, #2B49C7, #263349)
• Hushed Thicket color palette (#DFE5F1, #5863CE, #3C2849, #191F2C, #0B0C14)

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