Tempered Quarry color palette — #F0F5FF · #B2C1FB · #BEB27A · #7C89BE · #375544

Built around Sky, softened by Slate Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#B2C1FB): A luminous, balanced violet — the color of wild irises.
• Sage (#BEB27A): A luminous, dusty green — the color of a quiet forest floor.
• Slate Blue (#7C89BE): A luminous, balanced violet — the color of a velvet chair.
• Charcoal Brown (#375544): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, 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

• Timeworn Alley color palette (#F5F3FF, #DDB3E5, #9BBD8A, #A37CAA, #23574F)
• Patina Veranda color palette (#EDF7FF, #9ECAEC, #D2A87C, #5A93BC, #62434E)
• Honey Quarry color palette (#FDF1FC, #BFD5FF, #D2CB73, #88A8E5, #4F4D46)
• Muted Indigo Corridor color palette (#F1F5FF, #A3ACDF, #AF9656, #6069BD, #36563F)
• Antique Ash color palette (#F1F5FF, #DED8E1, #B9B0A8, #90ACCD, #474B5B)
• Ancient Grove color palette (#F1F5FF, #A6ACE7, #D5927A, #66A182, #3A4256)
• Wandering Taupe color palette (#FFF1F6, #BCD1BD, #B88D9F, #8A697D, #3C4C41)
• Washed Driftwood color palette (#F4F4FF, #B9DBC0, #8B7297, #4C4A61, #2B2A35)

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