Pine Drift color palette — #E1F7F7 · #008D5C · #095597 · #5C2047 · #3D2600

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

The five colors

• Ivory (#E1F7F7): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#008D5C): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#095597): A full-bodied, balanced blue — the color of deep harbor water.
• Mulberry (#5C2047): A deep, shadowed, balanced pink — the color of peonies in June.
• Espresso (#3D2600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged 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

• Frosted Parlor color palette (#E6F9FD, #009E8E, #46619B, #673451, #4E2622)
• Weathered Olive Workshop color palette (#DBF4ED, #688833, #11588E, #5F0E29, #240C00)
• Hushed Nightshade color palette (#DBF8FF, #008986, #53419E, #661D1E, #283000)
• Olive Orchard color palette (#DBFAF1, #5D8600, #005F6E, #422B68, #4E1415)
• Wandering Mulberry Coast color palette (#F5F2E3, #8E9F48, #137AAE, #822C4E, #3E2500)
• Aged Teal color palette (#D1E5DF, #00ADA5, #007F86, #005968, #253959)
• Antique Teal Pier color palette (#BCF4F5, #61ACA9, #567B92, #5E5071, #533B53)
• Feathered Navy color palette (#C6F0F3, #006751, #003470, #3C002D, #1D0D00)

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