Tempered Quarry color palette — #E7FAF3 · #8D9753 · #A96C69 · #854D4C · #30423B
A conversation between Moss and Mocha, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E7FAF3): A whisper-light, dusty teal — the color of sea glass.
- Moss (#8D9753): A luminous, balanced green — the color of fresh herbs.
- Mocha (#A96C69): A full-bodied, dusty orange — the color of toasted spice.
- Coffee (#854D4C): A full-bodied, dusty orange — the color of sun-warmed clay.
- Charcoal (#30423B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Muted Cerulean color palette (#E8F8FF, #519DA9, #A1706F, #824F4E, #2D4049)
- Muted Driftwood color palette (#E8F9F9, #84B998, #A590C5, #A9636B, #254343)
- Tempered Studio color palette (#F0F4E8, #67A580, #9275A3, #864959, #202515)
- Driftwood Lantern color palette (#E9FAF3, #8D9752, #777AAA, #585A88, #2D423A)
- Patina Petrol Courtyard color palette (#FFF0FA, #7AB6A0, #4D7CA3, #784D40, #314C55)
- Mallow Lagoon color palette (#F5F6EA, #A8D098, #C3A8E9, #C28B72, #3D3E37)
- Mulberry Station color palette (#DCFCFF, #008B6E, #A93858, #8B003A, #003428)
- Muted Lagoon color palette (#EEF7F8, #D6DBE1, #B4A8AE, #568F82, #485557)
Browse the whole catalog at Explore, or see today's palette.