Pine Drift color palette — #F6F6EA · #7AA979 · #00773F · #1F5646 · #35362F

A conversation between Pine and Moss, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F6F6EA): a clean, paper-quiet neutral.
• Moss (#7AA979): A luminous, balanced green — the color of fresh herbs.
• Pine (#00773F): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#1F5646): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#35362F): quiet, heavy and certain.

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

• Pale Moss color palette (#F1EBD7, #879E17, #436700, #004E48, #2A3200)
• Dusty Lagoon Canyon color palette (#E2E7D4, #4E9E7C, #006451, #02445B, #222E0D)
• Patina Balcony color palette (#F3F7EA, #A5B790, #0C8670, #4B604A, #344B05)
• Teal Courtyard color palette (#FCF4E8, #C0D2A4, #78AE8F, #688E79, #36362F)
• Tempered Olive color palette (#EDE7D9, #6F701D, #323D00, #002921, #101100)
• Plum Drift color palette (#FADAEC, #7069D0, #AD3A7A, #00667A, #3C2132)
• Antique Thicket color palette (#FFF0F9, #DACDFE, #CD98E3, #5C6CA6, #4A3440)
• Gentle Garden color palette (#E0F0FF, #62A0EB, #1865D8, #2E4292, #2D335C)

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