Pine Quarry color palette — #DFEEE1 · #59A678 · #007B52 · #004837 · #00241D

Built around Teal, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DFEEE1): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#59A678): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007B52): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004837): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#00241D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Calm, Balance. Tagged muted, cool.

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

• Hushed Emerald Pier color palette (#EEFCCE, #9CDC99, #00A169, #007263, #003131)
• Sunlit Olive Study color palette (#E7EDCB, #89A553, #4E7D00, #1B4A00, #002A05)
• Teal Workshop color palette (#D6F2F1, #00A7B0, #007886, #004653, #00242F)
• Timeworn Pier color palette (#DDE4D1, #60A653, #008558, #005B50, #004348)
• Pine Workshop color palette (#CDE9D9, #008564, #005646, #00312A, #000E0C)
• Weathered Teal Study color palette (#C5FFF4, #5BC0B5, #007C6E, #003D38, #000F0D)
• Softworn Orchard color palette (#DBE4D3, #5DBAA5, #009186, #005E5D, #003032)
• Dusty Cobalt Study color palette (#E4ECDD, #38A68A, #5E76C5, #006450, #0C1449)

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