Tempered Quarry color palette — #F8F5E8 · #C2CC7C · #6BC0D1 · #8A9258 · #395542

Pistachio takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F8F5E8): a clean, paper-quiet neutral.
• Pistachio (#C2CC7C): A luminous, balanced green — the color of new leaves after rain.
• Cyan (#6BC0D1): A luminous, balanced blue — the color of open sky before noon.
• Moss (#8A9258): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#395542): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Tempered Honey Parlor color palette (#FFF3E6, #F2B77A, #7BC3A2, #AB835B, #4B4E47)
• Seafoam Grove color palette (#F2F8E6, #85D9AB, #DAA478, #629B7B, #524C46)
• Fern Thicket color palette (#F7F6E4, #B4E9EF, #A1BFE0, #AAA383, #515200)
• Hushed Taupe color palette (#FBF7D2, #CCE4A5, #8FA66A, #607147, #3A3A33)
• Mustard Delta color palette (#FFF4E1, #DDC17D, #DC9BB6, #A08A53, #664240)
• Softworn Corridor color palette (#FAF5E4, #B1B577, #9491CB, #73773D, #604254)
• Hushed Mustard Alley color palette (#EDF8F3, #D5DAA2, #CBBCF6, #AAB04F, #464B68)
• Dusty Fern color palette (#F5F7E9, #D9D595, #668864, #4D5200, #2B2C22)

Browse the whole catalog at Explore, or see today's palette.