Tempered Quarry color palette — #F3F3E6 · #C1C7AD · #738D4D · #87541F · #30322B

Built around Olive Leaf, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Cream (#F3F3E6): bright and airy, almost weightless.
• Pistachio (#C1C7AD): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#738D4D): A luminous, balanced green — the color of new leaves after rain.
• Coffee (#87541F): A full-bodied, balanced gold — the color of old brass.
• Espresso (#30322B): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, 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

• Hushed Fern Pier color palette (#F4F3E4, #B2B795, #4B8268, #5F5600, #272915)
• Timeworn Moss color palette (#F2E5BE, #AEBA84, #7B985B, #3F683C, #353831)
• Aged Olive color palette (#F2F4E3, #9EBE96, #B38CBA, #547F48, #47252E)
• Softworn Fern color palette (#ECE5D7, #8F925A, #406007, #463700, #131300)
• Softworn Drift color palette (#EAE4CD, #5F8640, #005224, #2A2D00, #090800)
• Muted Lagoon color palette (#F0F7F4, #A8C8C8, #4F8D8C, #6E5E7C, #355354)
• Wandering Jade color palette (#F0F5DE, #78AB7B, #748CC4, #A06761, #262A12)
• Ancient Cypress Corridor color palette (#F5F1EA, #C5E6DC, #69A8B3, #3B7865, #1F3D2F)

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