Pine Drift color palette — #E8F6EC · #ADBB7D · #528354 · #50526F · #172C25

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

The five colors

• Cream (#E8F6EC): bright and airy, almost weightless.
• Sage (#ADBB7D): A luminous, balanced green — the color of fresh herbs.
• Fern (#528354): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#50526F): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Forest (#172C25): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Jade Bloom color palette (#E1F9EB, #8AAD66, #29754C, #523D5A, #00221C)
• Tempered Summit color palette (#E6F6F1, #A3D0B0, #5E8C93, #645D72, #213534)
• Ancient Pine color palette (#FCF4E8, #ABB588, #4D815D, #6D505C, #4D4300)
• Muted Taupe color palette (#FAF5E6, #DDEFB0, #8CA972, #7D7470, #3A3932)
• Worn Driftwood color palette (#FBF5E5, #CCC69D, #779B6B, #88676F, #4C4300)
• Wandering Stone color palette (#FFEBF7, #E6E7C6, #B9C992, #A27279, #442E37)
• Softworn Cabin color palette (#F9EEF5, #ACE7F8, #5495BF, #166D60, #1D2D42)
• Hushed Grove color palette (#FDECF5, #E18B58, #00A1A7, #8F532F, #002E30)

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