Pine Quarry color palette — #FFF3E2 · #98AD6A · #2A7B51 · #584773 · #34400F

Teal and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Sage (#98AD6A): A luminous, balanced green — the color of fresh herbs.
• Teal (#2A7B51): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#584773): A full-bodied, dusty violet — the color of wild irises.
• Deep Olive (#34400F): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Pine 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

• Washed Drift color palette (#F9F6E5, #69B687, #007974, #6C3E65, #393C35)
• Antique Workshop color palette (#FBE9C7, #78A143, #006B4A, #5C296B, #213500)
• Olive Balcony color palette (#E4F7EC, #9DB16E, #377E26, #67346F, #1C2400)
• Fern Cabin color palette (#F7F6E7, #A6B693, #2A8185, #724F4F, #344B04)
• Emerald Harbor color palette (#FBF5E5, #B0C481, #58994A, #87518F, #34400D)
• Softworn Quarry color palette (#F0EBCF, #428B5E, #00504C, #431F3C, #00220F)
• Frosted Cabin color palette (#FFF2EE, #FFD890, #94C781, #9D537B, #65411E)
• Muted Pier color palette (#FFF2EB, #9BD9ED, #3B84C3, #006953, #343B6B)

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