Pine Drift color palette — #E4FBF5 · #86AF7E · #007334 · #004734 · #010B00
A conversation between Pine and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E4FBF5): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#86AF7E): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007334): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004734): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#010B00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, 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
- Wandering Lagoon Ridge color palette (#C5EAE7, #50A07A, #005B47, #003330, #000201)
- Aged Orchard color palette (#E1FCF7, #94CAA1, #168B5F, #005B6D, #001F0A)
- Muted Thicket color palette (#DCF7ED, #6A844E, #134900, #002121, #010100)
- Softworn Station color palette (#E7FAF6, #A6D4E3, #008A98, #00524B, #000F14)
- Muted Jade color palette (#E3FCF5, #BEE5B7, #51A768, #007985, #193713)
- Gentle Navy color palette (#E3EFFF, #508FF6, #009163, #0045A6, #000B05)
- Frosted Thicket color palette (#CDE3FF, #2F78DB, #A41FB4, #00625F, #000107)
- Washed Station color palette (#F1F5FF, #E8D3EE, #D2A1FF, #3868BE, #170D3C)
Browse the whole catalog at Explore, or see today's palette.