Pine Drift color palette — #E3FDEB · #8CB165 · #007D58 · #68435C · #0F443A
A conversation between Teal and Sage, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E3FDEB): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#8CB165): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007D58): A full-bodied, balanced teal — the color of sea glass.
- Charcoal Brown (#68435C): A full-bodied, dusty pink — the color of a candy shop window.
- Forest (#0F443A): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Olive Basin color palette (#FFF1F6, #B2A637, #3F7A22, #504A73, #1F4332)
- Jade Balcony color palette (#DAFFF1, #3CBE7C, #007975, #375372, #1C442E)
- Hazy Moss color palette (#DBF2E1, #75A300, #006C47, #513560, #233400)
- Pine Corridor color palette (#F1F4DF, #7BB88C, #007F56, #135565, #022811)
- Hushed Lagoon Villa color palette (#ECF9F1, #ACCBA4, #538E7D, #666375, #3C524F)
- Worn Peony color palette (#F8F2FF, #EB45B9, #009570, #9F0A79, #004633)
- Misty Cobalt Delta color palette (#FDF1F8, #94DBF0, #0D84D5, #006952, #353C66)
- Pale Jade Grove color palette (#FBF5E4, #BBD9A5, #54BC87, #9779B7, #2D421C)
Browse the whole catalog at Explore, or see today's palette.