Tempered Quarry color palette — #F4F2EA · #C2C7A8 · #5B8F7D · #706111 · #31322B

Olive takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F4F2EA): a clean, paper-quiet neutral.
• Pistachio (#C2C7A8): A luminous, dusty green — the color of fresh herbs.
• Fern (#5B8F7D): A luminous, dusty teal — the color of glacier melt.
• Olive (#706111): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#31322B): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Weathered Pine color palette (#F6F2E4, #A3BC95, #368762, #435C49, #282917)
• Softworn Harbor color palette (#F6F6E9, #BFC59F, #788A46, #6B6A1F, #4C5301)
• Turquoise Cabin color palette (#F7F0ED, #C9E4DD, #52A9C6, #437761, #223C35)
• Washed Forest color palette (#EAE2D2, #6F8140, #00531E, #003131, #0A0800)
• Teal Lagoon color palette (#EDF8F5, #C3DBF5, #88BD9A, #6D8E87, #384A48)
• Cerulean Cabin color palette (#E5F2D3, #74C7B7, #009CA6, #0A6678, #1E4035)
• Coral Orchard color palette (#E5F8E8, #31AFB8, #CD6C74, #A2693D, #1E2B20)
• Timeworn Jade color palette (#E9E7C7, #35AD71, #006A60, #00455C, #001C0D)

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