Tempered Quarry color palette — #FFF3E7 · #D8D190 · #74BA51 · #B17C47 · #3D3A34
Built around Clover, softened by Caramel — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Pistachio (#D8D190): A whisper-light, balanced green — the color of a quiet forest floor.
- Clover (#74BA51): A luminous, balanced green — the color of a quiet forest floor.
- Caramel (#B17C47): A luminous, balanced gold — the color of afternoon light on wheat.
- Charcoal (#3D3A34): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Balance, 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
- Antique Coast color palette (#FFF3E2, #E5DC87, #869E2E, #82662F, #312E28)
- Airy Emerald Studio color palette (#F1E2D1, #BAC07C, #3EAA50, #916E3C, #322800)
- Tempered Teal Atelier color palette (#FAF5E4, #9EE1AB, #00BEAE, #898D56, #3A3B34)
- Ancient Jade color palette (#FFF4DE, #B3DE90, #00C18F, #A276AA, #3B3B34)
- Timeworn Cocoa color palette (#FBF4ED, #EDDCB6, #A2C18B, #8EA08D, #614900)
- Antique Pine color palette (#F5E6D6, #918C2B, #1E7604, #005357, #090500)
- Washed Olive color palette (#E7F7E7, #B3AB54, #56772B, #684400, #002818)
- Quiet Lagoon Canyon color palette (#EAE1CD, #87B769, #009572, #726322, #0D2001)
Browse the whole catalog at Explore, or see today's palette.