Tempered Quarry color palette — #E4F1E8 · #9B7F28 · #22423D · #152219 · #100B0D

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

The five colors

• Cream (#E4F1E8): bright and airy, almost weightless.
• Walnut (#9B7F28): A luminous, balanced green — the color of new leaves after rain.
• Forest (#22423D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#152219): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#100B0D): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Patina Station color palette (#F4EAF0, #BE6745, #274330, #271922, #0E0B0F)
• Dusty Amber color palette (#F7F1E6, #BA981B, #5A5D0F, #3D372D, #25211D)
• Olive Chapel color palette (#C8EFDE, #6C7100, #00331E, #00150D, #010501)
• Timeworn Peony Garden color palette (#E5F7EE, #A3A050, #B970AA, #996680, #172C23)
• Gentle Quarry color palette (#E1FAE1, #C8BC7A, #779237, #3C6437, #13383A)
• Muted Cypress Workshop color palette (#D4F0F4, #006A5C, #403D44, #00222F, #000A08)
• Softworn Pier color palette (#EBF5EF, #A5CCC7, #539083, #645D73, #223533)
• Softworn Wisteria color palette (#E6F6F0, #ADBB7F, #BC83C9, #6C7936, #322C47)

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