Tempered Quarry color palette — #F5F9D9 · #5ABD4A · #B251B4 · #155F05 · #5B195D
Clover and Orchid set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F5F9D9): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#5ABD4A): A luminous, vivid green — the color of a quiet forest floor.
- Orchid (#B251B4): A full-bodied, vivid pink — the color of a candy shop window.
- Deep Olive (#155F05): A full-bodied, balanced green — the color of new leaves after rain.
- Royal Purple (#5B195D): A deep, shadowed, balanced pink — the color of peonies in June.
Feels like: Nature, Growth, Creativity. Tagged warm.
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
- Hushed Lagoon color palette (#F0FADE, #37BE81, #A83E9C, #006E45, #582251)
- Washed Peony color palette (#F4F4DC, #85BA5A, #B654AF, #345D00, #3B0038)
- Sunlit Byzantium color palette (#FBF7D4, #90B225, #8A47C9, #506600, #482768)
- Wandering Balcony color palette (#DEFDF8, #83D873, #CE6DDF, #217D04, #561E60)
- Timeworn Mulberry Grove color palette (#DBE2C6, #38A560, #8D3379, #00582A, #49043C)
- Washed Driftwood color palette (#ECFAE8, #52B2A7, #BE6E7E, #00766C, #5E362E)
- Muted Sapphire color palette (#FFF4DE, #C0A025, #4366D3, #6F5A00, #1C327D)
- Airy Emerald color palette (#DFFDF8, #9AF38C, #E491FF, #299E0E, #4E285B)
Browse the whole catalog at Explore, or see today's palette.