Pine Drift color palette — #F4F6F0 · #D4DDD8 · #B2C4BC · #358660 · #3D5007

Built around Fern, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Silver (#D4DDD8): a clean, paper-quiet neutral.
• Stone (#B2C4BC): A luminous, dusty teal — the color of sea glass.
• Fern (#358660): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#3D5007): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Olive Parlor color palette (#F7F5EF, #D7DBD5, #B7C3B4, #75793E, #4A483E)
• Petrol Loft color palette (#EFF7F2, #CADEDE, #A5C4B8, #00778C, #2F4638)
• Abyss Summit color palette (#E2E7DD, #A3ACA0, #6D886C, #004233, #0C1802)
• Washed Navy Field color palette (#F5F7E5, #55A99B, #007881, #3C458F, #2E442C)
• Timeworn Denim color palette (#EAF0ED, #C3CFCA, #87A9A0, #005E79, #1C3329)
• Weathered Cocoa color palette (#E1FDF0, #A0C1B7, #998397, #825A60, #773E15)
• Frosted Mint Balcony color palette (#EFF9EB, #9FF8C9, #00D2B5, #00A6B5, #004542)
• Worn Loft color palette (#E7EFEC, #C1B4C0, #9D8698, #004779, #0D241F)

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