Pine Quarry color palette — #FDF3EA · #B5B376 · #568050 · #5E5953 · #45423B

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3EA): bright and airy, almost weightless.
• Sage (#B5B376): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#568050): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#5E5953): a grounded near-black with real depth.
• Charcoal (#45423B): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Chestnut Delta color palette (#FBF4E8, #A4B883, #438261, #755303, #4A4400)
• Dusty Chapel color palette (#FFF3E7, #A59E4F, #4C6D40, #36533A, #38352E)
• Pewter Garden color palette (#E8F6ED, #92BFAA, #717A4C, #3D5D4B, #162D23)
• Clover Lagoon color palette (#DFEDB8, #6CC26F, #0F9266, #00685E, #32523C)
• Dusty Bronze color palette (#F9F5EB, #CFC4A0, #8B9565, #8A6D26, #514100)
• Tempered Taupe Chapel color palette (#EEF8EF, #B5E1CC, #95B97F, #A58C63, #2C4A3D)
• Airy Lantern color palette (#E4FEDC, #4ECCBB, #008C7C, #005450, #003A33)
• Pale Jade Chapel color palette (#EEFAE2, #07BB8F, #BD6A94, #00785A, #5C3347)

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