Tempered Quarry color palette — #ECF9F3 · #B5DDBA · #70A89F · #6A8479 · #3D5250
A conversation between Pistachio and Blue Fog, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF9F3): a clean, paper-quiet neutral.
- Pistachio (#B5DDBA): A whisper-light, dusty green — the color of new leaves after rain.
- Blue Fog (#70A89F): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#6A8479): A full-bodied, dusty teal — the color of sea glass.
- Charcoal Brown (#3D5250): A full-bodied, dusty teal — the color of glacier melt.
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
- Stone Boulevard color palette (#EDF8F6, #BFE7E3, #95C2A7, #7AA49C, #345451)
- Ancient Field color palette (#D4FFFD, #66DACD, #3BAFB5, #4A829C, #3B5066)
- Worn Aqua Drift color palette (#E8F8FF, #6BD7E4, #E29E8D, #429BA6, #5D4456)
- Driftwood Orchard color palette (#F7F5ED, #BEE1D9, #A0B692, #93873E, #424C00)
- Turquoise Alley color palette (#EBF7FF, #AAE7FF, #60AFC9, #387082, #193D4E)
- Emerald Hollow color palette (#EAFBE9, #B5BA80, #539158, #416A7A, #1B3D30)
- Aged Aqua Corridor color palette (#E8F8FF, #2EC6DB, #D39477, #A3865C, #30464F)
- Tempered Pine color palette (#DEF4E1, #869D46, #007443, #004E5D, #002119)
Browse the whole catalog at Explore, or see today's palette.