Pine Quarry color palette — #FEF2EF · #C3DCC4 · #5AA0BB · #327E46 · #1E3C5F

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

The five colors

• Ivory (#FEF2EF): a clean, paper-quiet neutral.
• Celadon Mist (#C3DCC4): A whisper-light, dusty green — the color of a quiet forest floor.
• Blue Fog (#5AA0BB): A luminous, balanced blue — the color of open sky before noon.
• Olive (#327E46): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#1E3C5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Muted Turquoise color palette (#F8F3F8, #D2D5E5, #00B7E4, #328241, #15304C)
• Iris Bloom color palette (#FCF3EC, #B1E1CE, #7594D6, #007D76, #3C335A)
• Tempered Aqua color palette (#F9F4EE, #C8EBC9, #31C6DD, #2FA183, #034154)
• Washed Cerulean color palette (#F0F7F2, #AACBD5, #008799, #00624C, #004155)
• Mint Archive color palette (#DDF7E1, #4FCA9C, #009792, #006677, #003F60)
• Washed Corridor color palette (#FCF3F1, #CFE8E0, #94BCA6, #6D916C, #2F524A)
• Dusty Study color palette (#E3FDE5, #D8E3FC, #CDB8F5, #649464, #294837)
• Patina Harbor color palette (#DBF6FF, #5ECBE0, #0096A8, #00576C, #00282E)

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