Tempered Quarry color palette — #ECF9EE · #BDE7E3 · #97B89C · #976C7C · #31443C

Mocha and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Silver (#BDE7E3): A whisper-light, dusty teal — the color of sea glass.
• Sage (#97B89C): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#976C7C): A full-bodied, dusty rose — the color of pressed rose petals.
• Charcoal (#31443C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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 Stone Ridge color palette (#EFF8F0, #BCE4D1, #CFB180, #A8879A, #354D49)
• Dusty Archive color palette (#FFF1F6, #CCEEE4, #CAA1B1, #9B6E5B, #2F4536)
• Muted Bronze Market color palette (#EAFAEC, #C1E8CF, #BA9860, #915D2F, #1A392C)
• Ancient Chestnut color palette (#F9F0E5, #BEBF8F, #977F56, #80481C, #2C2D21)
• Washed Bronze Station color palette (#ECF7FC, #82D3DB, #D09DB5, #AE714F, #1E353E)
• Blush Hollow color palette (#EDF7FC, #82C2DA, #C27894, #896324, #102626)
• Wandering Abyss color palette (#ECF7FB, #B4E2EC, #559293, #085152, #0F1E22)
• Patina Mustard color palette (#DCFFEB, #B7C560, #8E7F00, #644800, #0E1D00)

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