Pine Drift color palette — #EAFAF0 · #A3B88B · #44835B · #54567A · #2D4942

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EAFAF0): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#A3B88B): A luminous, dusty green — the color of new leaves after rain.
• Fern (#44835B): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#54567A): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#2D4942): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Antique Dune color palette (#FCF2F5, #A9CAB6, #778953, #5F657A, #415248)
• Muted Pine color palette (#EDF9F2, #89A577, #09754C, #4B4569, #193D36)
• Lagoon Archive color palette (#F3F3E4, #99BF9A, #518263, #435C4B, #262A13)
• Softworn Garden color palette (#FAF3F7, #C2E2F2, #5092BA, #0E7262, #364961)
• Patina Chapel color palette (#F6F3FF, #C686BD, #00A085, #904487, #0F4B51)
• Tempered Field color palette (#D5E6DF, #578858, #00513F, #461A45, #00201E)
• Softworn Atelier color palette (#F7F3FF, #E9DBD4, #F8B386, #8571A0, #56485D)
• Washed Coast color palette (#F9F6E5, #D6D8B5, #82BB97, #A185A1, #454600)

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