Tempered Stone Quarry color palette — #FEF1F6 · #C3E6F1 · #A0B78D · #8780A1 · #374C3F

Sage takes the lead with Slate Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FEF1F6): a clean, paper-quiet neutral.
• Frost (#C3E6F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sage (#A0B78D): A luminous, dusty green — the color of a quiet forest floor.
• Slate Blue (#8780A1): A luminous, dusty violet — the color of a velvet chair.
• Charcoal (#374C3F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

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

• Antique Grove color palette (#F8F5EE, #E6DFB7, #A1C094, #7FA396, #594D00)
• Worn Pier color palette (#F5F3FF, #FFD1E4, #AADC9F, #B982C5, #1E5049)
• Driftwood Lantern color palette (#E8F6ED, #9FCFBF, #728B68, #526473, #24352F)
• Jade Station color palette (#F8F3F8, #D3D5E5, #95D7F0, #709F77, #3C4F64)
• Driftwood Terrace color palette (#FBF4ED, #CDC09E, #84863E, #765E64, #604A00)
• Weathered Atelier color palette (#F5F3FF, #E7D7DF, #A7B7E7, #B1B4A8, #504859)
• Muted Driftwood Grove color palette (#EFF6FF, #E4D5E8, #C89EDE, #A5689B, #604B68)
• Aubergine Market color palette (#D3E7D5, #899552, #005E2C, #330E67, #010100)

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