Pine Drift color palette — #FAF3F7 · #B2DDE7 · #3AA5B9 · #2B7E4F · #1A3E56

Teal takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Powder Blue (#B2DDE7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#3AA5B9): A luminous, balanced blue — the color of open sky before noon.
• Teal (#2B7E4F): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1A3E56): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Pine Lagoon color palette (#FBF3F0, #B9EBF0, #00BAD4, #12844B, #053729)
• Lagoon Veranda color palette (#FCF2F9, #C7EBFC, #73ADCE, #3D8A79, #354962)
• Wandering Basin color palette (#F8EAF3, #A3CBE0, #428EC0, #006D62, #1A2C51)
• Mint Garden color palette (#DAE9DD, #53CA9F, #009E91, #00676F, #00445C)
• Aged Alley color palette (#E4FAFF, #D1DAF4, #D5B6ED, #579E7E, #224354)
• Aged Lagoon Garden color palette (#F5F6EE, #B3CEB0, #00898E, #006152, #00434B)
• Washed Teal color palette (#F2E6EE, #49A2A3, #006377, #003E26, #000A15)
• Ancient Coral Garden color palette (#DAF4FB, #00BFC1, #D8717F, #008283, #57212A)

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