Tempered Quarry color palette — #F8EBE4 · #77C7C4 · #007486 · #004123 · #000306
Teal and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F8EBE4): a clean, paper-quiet neutral.
- Mint Leaf (#77C7C4): A luminous, dusty teal — the color of glacier melt.
- Teal (#007486): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004123): A deep, shadowed, balanced teal — the color of glacier melt.
- Ink (#000306): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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 Cobalt color palette (#FEF2ED, #8EDAE7, #0085B3, #005342, #000C20)
- Airy Ultramarine color palette (#F6ECE4, #7BC0E6, #0064C6, #003E3F, #020013)
- Timeworn Brick Lantern color palette (#CFE7CF, #009092, #C10035, #004546, #040000)
- Muted Lagoon color palette (#F4E4F5, #3B9B97, #005265, #022E05, #00040D)
- Gentle Lilac Drift color palette (#C9FEFF, #81D5FF, #9996FF, #00643F, #000602)
- Tempered Teal Loft color palette (#CEE6E1, #2DC8C5, #00959C, #006E60, #00181C)
- Weathered Mulberry color palette (#E1EFDF, #007773, #A3004A, #693000, #000201)
- Azure Terrace color palette (#FFF2EC, #C1FAFF, #00AAD5, #007556, #002643)
Browse the whole catalog at Explore, or see today's palette.