Tempered Quarry color palette — #F1F6FB · #DAD9E0 · #C3BCC8 · #4479A4 · #42494F

Slate and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Silver (#DAD9E0): bright and airy, almost weightless.
• Stone (#C3BCC8): a calm mid-gray that lets other colors speak.
• Slate (#4479A4): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#42494F): quiet, heavy and certain.

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

• Weathered Petrol Villa color palette (#F5F0F5, #E0D4D7, #D0B6BA, #58789B, #302931)
• Washed Corridor color palette (#EAF8FF, #A6B5CA, #8985AB, #487266, #3A5666)
• Worn Amethyst Study color palette (#F3F4FE, #E2D5E1, #C6B5CF, #7A4BBF, #3C3E51)
• Dusty Navy color palette (#E7EDF5, #A3A9BA, #7D7C97, #00366F, #041427)
• Antique Orchard color palette (#DDE5F4, #5B6AB9, #302F48, #151E33, #0D0E15)
• Wandering Ultramarine color palette (#F1F5FD, #CED1E3, #A8A1C2, #2348CB, #23334D)
• Petrol Terrace color palette (#E4FBF3, #5AA1C6, #6B5DA3, #475500, #2A3F57)
• Dusty Lagoon color palette (#EDEEF6, #CEC9D6, #AD98B1, #6E3494, #2C2B3F)

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