Tempered Quarry color palette — #F1F5FF · #AAA9E3 · #9E9D5C · #6D6AA8 · #325646
Slate and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Mauve (#AAA9E3): A luminous, balanced violet — the color of a velvet chair.
- Moss (#9E9D5C): A luminous, balanced green — the color of fresh herbs.
- Slate (#6D6AA8): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal Brown (#325646): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, 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
- Dusty Garden color palette (#F6F3FF, #C8A1C4, #67A98C, #905E8D, #255658)
- Softworn Veranda color palette (#EDF6FF, #87B6DB, #C08A72, #3B78A6, #624154)
- Washed Indigo color palette (#F9EEF4, #AFAEDC, #4AAFA6, #6C63BC, #22381D)
- Softworn Driftwood Station color palette (#F1F5FF, #9390C9, #968B44, #697F4E, #3C4254)
- Weathered Iris color palette (#F1F5FF, #BBC0EE, #65C5B7, #7D82D7, #23555E)
- Antique Driftwood Bloom color palette (#EDF9EC, #A5C0AE, #6C896B, #735265, #374D45)
- Weathered Ash color palette (#F1F5FF, #E0D8E1, #C0AB9E, #7794B2, #4A4B5B)
- Chartreuse Lantern color palette (#FDF1F9, #C9D2FF, #B4D485, #99A3E1, #4E4D46)
Browse the whole catalog at Explore, or see today's palette.