Pine Drift color palette — #F4F7EA · #CADFD7 · #A5C3B3 · #17732B · #0C0E03

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

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Silver (#CADFD7): A whisper-light, dusty teal — the color of shallow lagoons.
• Stone (#A5C3B3): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#17732B): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#0C0E03): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Washed Pier color palette (#F1F8ED, #CBDEDC, #C8B3C8, #007061, #061002)
• Patina Abyss color palette (#E2E4DC, #ACB7A4, #5F9998, #00522A, #090D00)
• Antique Emerald Courtyard color palette (#E1EEED, #B3C2CC, #94AABF, #009954, #0A2423)
• Teal Archive color palette (#FBF6DC, #71B38A, #006E6A, #384103, #000B03)
• Aged Basin color palette (#F0F7F3, #E8D2CE, #D5B9B7, #25829E, #0E2319)
• Dusty Abyss Quarry color palette (#E1ECE2, #AEBFB9, #A18A99, #00454A, #000200)
• Washed Petrol Alley color palette (#F5EECA, #8AAF8E, #217B95, #624000, #291800)
• Feathered Aubergine color palette (#F4F5D4, #4C9004, #632595, #4C0006, #060000)

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