Pine Drift color palette — #DFDFD1 · #749125 · #117112 · #00422C · #00201A

Olive takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Bone (#DFDFD1): bright and airy, almost weightless.
• Olive Leaf (#749125): A luminous, balanced green — the color of new leaves after rain.
• Olive (#117112): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#00422C): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#00201A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged cool.

Use it as a design system

One click turns Pine Drift 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

• Hazy Pine color palette (#DCE4C8, #7CA967, #007A47, #004E3A, #002623)
• Ancient Bronze color palette (#EADFD1, #9A7C00, #5D6400, #253700, #001D06)
• Muted Parlor color palette (#DEEFD5, #109F60, #006758, #004140, #00171B)
• Weathered Corridor color palette (#EEF3D7, #48A553, #972876, #005616, #27001B)
• Faded Fern Corridor color palette (#E9EFD3, #86DACF, #4EA5CD, #516500, #002218)
• Muted Chestnut color palette (#ECDECB, #8F8759, #714D00, #4F2300, #110E00)
• Frosted Mulberry color palette (#E8F1D9, #007F53, #962389, #880060, #000F06)
• Dusty Peony color palette (#FFE7E1, #FC2CAB, #009D7F, #00171A, #020500)

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