Pine Quarry color palette — #FBF1FC · #78DFDC · #009BBF · #007920 · #00345E

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

The five colors

• Ivory (#FBF1FC): a clean, paper-quiet neutral.
• Lagoon (#78DFDC): A whisper-light, balanced teal — the color of shallow lagoons.
• Cerulean (#009BBF): A luminous, balanced blue — the color of deep harbor water.
• Olive (#007920): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#00345E): A deep, shadowed, balanced blue — the color of deep harbor water.

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

• Quiet Cornflower Veranda color palette (#FDF1F8, #84D9F2, #0091EC, #00755C, #272C60)
• Gentle Turquoise color palette (#FFF2EB, #B1FFFD, #00ACC9, #007747, #00283D)
• Sunlit Azure color palette (#DFEBF5, #0093E5, #8B8400, #47762F, #002641)
• Pale Alley color palette (#EFE4EE, #73C0C3, #0080A6, #005D2B, #001E45)
• Faded Turquoise color palette (#E7FAF6, #88EEEB, #00C1CB, #009A86, #003A42)
• Turquoise Delta color palette (#FAF2F8, #CFDFF6, #68ADDA, #428B6A, #384862)
• Washed Mallow color palette (#EDF6FF, #E1D6FF, #FF9BCD, #00898E, #2F3459)
• Weathered Denim color palette (#EEE1EA, #45A0B6, #005D92, #003D2D, #040229)

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