Pine Drift color palette — #B7EBDA · #008E51 · #005A4C · #00355D · #002A2C
Fern takes the lead with Navy close behind in a set that reads as nature and growth at first glance.
The five colors
- Mint (#B7EBDA): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#008E51): A full-bodied, balanced teal — the color of sea glass.
- Pine (#005A4C): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#00355D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#002A2C): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged retro, 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
- Quiet Olive Terrace color palette (#DFE3B4, #428C00, #005C37, #00394D, #0E2B0F)
- Lagoon Alley color palette (#CBFBED, #009E74, #006963, #1F3F71, #0D373B)
- Wandering Navy Terrace color palette (#CCE8EA, #007B61, #004F5F, #0A2769, #212100)
- Linen Aubergine Courtyard color palette (#B8EAE3, #008792, #00556E, #3C1F67, #002837)
- Weathered Villa color palette (#E3F2EF, #69C2C7, #007683, #00504A, #00343F)
- Pine Lantern color palette (#CFEAD4, #258F41, #005853, #460655, #00130A)
- Midnight Coast color palette (#E8F2E6, #006568, #003644, #1E0048, #000E11)
- Dusty Thicket color palette (#DBFBFB, #33C758, #00A578, #00766D, #00261E)
Browse the whole catalog at Explore, or see today's palette.