Pine Quarry color palette — #F3E1DD · #8DCDCC · #00A1C8 · #00842A · #00203F

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

The five colors

• Parchment (#F3E1DD): A whisper-light, dusty orange — the color of toasted spice.
• Mint Leaf (#8DCDCC): A luminous, dusty teal — the color of sea glass.
• Cerulean (#00A1C8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive Leaf (#00842A): A full-bodied, vivid green — the color of fresh herbs.
• Midnight (#00203F): A deep, shadowed, dusty 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

• Airy Alley color palette (#FCECE3, #89CBE0, #4697DF, #008066, #16164B)
• Antique Lagoon Field color palette (#FAEBE4, #B7DEC2, #45AFEB, #009665, #18295C)
• Washed Petrol Studio color palette (#E3EDE5, #7BBFBD, #008492, #005C44, #00242F)
• Misty Emerald Quarry color palette (#FFF2ED, #A9F4F7, #56C5F1, #22AB5B, #143F75)
• Spruce Quarry color palette (#E4DBE5, #48AEAC, #006279, #003D0C, #000B1B)
• Indigo Workshop color palette (#E9DCCF, #74A6D2, #5E6BC1, #005D60, #100021)
• Pale Amber color palette (#E2E1C0, #81E2CC, #74BFF8, #AD8700, #002915)
• Chalky Loft color palette (#D7ECD8, #46CA85, #009B57, #00611D, #000E02)

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