Pine Quarry color palette — #F5DED2 · #B09862 · #42833A · #5C3F7E · #67193F

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

The five colors

• Parchment (#F5DED2): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#B09862): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive Leaf (#42833A): A full-bodied, balanced green — the color of new leaves after rain.
• Plum (#5C3F7E): A full-bodied, balanced violet — the color of twilight just after sunset.
• Mulberry (#67193F): A deep, shadowed, balanced rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, 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

• Soft Mulberry Meadow color palette (#F6E2CA, #94A463, #307F60, #73286A, #65190E)
• Navy Lantern color palette (#F6E0E1, #C98859, #767100, #343E91, #5C1A53)
• Muted Dune color palette (#F2EECC, #8F8F69, #256962, #67143C, #461700)
• Timeworn Cocoa color palette (#F0E6C7, #9DA57F, #3C878B, #7A444E, #6D3901)
• Worn Mustard color palette (#E9DECE, #B9CB7B, #54B492, #8F709D, #492C55)
• Worn Grove color palette (#EBF2DC, #75A469, #318154, #005064, #002A40)
• Dusty Aubergine color palette (#DDF5E1, #299B4F, #810097, #8D0079, #002D10)
• Faded Emerald Courtyard color palette (#DBE4C9, #87C57C, #209D63, #006E8A, #143E5C)

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