Tempered Quarry color palette — #DDEFFF · #9FB3FD · #8578B9 · #75567C · #554963

Sky and Slate Blue set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#DDEFFF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#9FB3FD): A luminous, balanced violet — the color of a velvet chair.
• Slate Blue (#8578B9): A luminous, balanced violet — the color of wild irises.
• Graphite (#75567C): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal Brown (#554963): A full-bodied, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged muted.

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

• Wandering Aqua color palette (#D5F4FF, #66CBF1, #578CBD, #56628D, #4B4D66)
• Washed Lilac Lantern color palette (#F3F4FF, #BD9FE9, #91A15B, #7A6896, #34554A)
• Lilac Terrace color palette (#FFEDFF, #D1D7FF, #BFB0F5, #A783C4, #6C4448)
• Worn Garden color palette (#F4F4FF, #ECBAF5, #9374AD, #5D4367, #393550)
• Dusty Hollow color palette (#F3F4FF, #E4D8E0, #BDAF9D, #7492AB, #54515F)
• Wandering Quarry color palette (#F2F5FF, #9C89D8, #679865, #4C817B, #3E4152)
• Byzantium Lantern color palette (#D4E1FF, #A995FF, #A52ABD, #84225F, #6A2F40)
• Weathered Driftwood color palette (#EAFAED, #93C5B0, #927D53, #6D5662, #364D4A)

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