Pine Quarry color palette — #EFE0DC · #AACAA8 · #00A2C5 · #06841F · #00203D

Olive Leaf and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#EFE0DC): bright and airy, almost weightless.
• Pistachio (#AACAA8): A luminous, dusty green — the color of fresh herbs.
• Cerulean (#00A2C5): A luminous, balanced blue — the color of deep harbor water.
• Olive Leaf (#06841F): A full-bodied, vivid green — the color of fresh herbs.
• Midnight (#00203D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light.

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

• Hazy Azure color palette (#FAEDE6, #A0CCB4, #4896E4, #007F69, #191151)
• Petrol Summit color palette (#E6F1E8, #84BEB9, #00848F, #005C41, #00242D)
• Jade Pier color palette (#D4E7C8, #00B484, #008B7B, #005C65, #002738)
• Periwinkle Coast color palette (#FFF2EB, #A2E5FF, #66AEFF, #009A82, #2C2769)
• Ember Lantern color palette (#DCECD3, #00B699, #E55C3E, #00836E, #370600)
• Emerald Lagoon color palette (#D9F0D5, #A2D0F6, #C2A2F5, #3CA029, #002B3A)
• Turquoise Pier color palette (#C7EBF0, #00C3D3, #0094A6, #00656C, #00090C)
• Emerald Harbor color palette (#FFF2EE, #CFEECF, #27C8F8, #1DAD4B, #0E4072)

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