Pine Drift color palette — #FFF1F6 · #C2A2FF · #A27C00 · #127D17 · #201334

Built around Olive, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#C2A2FF): A luminous, balanced violet — the color of a velvet chair.
• Ochre (#A27C00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#127D17): A full-bodied, vivid green — the color of new leaves after rain.
• Deep Indigo (#201334): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

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

• Worn Amber Boulevard color palette (#FFF0FC, #96B4FF, #C26700, #6A6C00, #0E1938)
• Airy Moss color palette (#FFF1F4, #BE86C9, #8C9032, #007155, #270A12)
• Patina Fuchsia Drift color palette (#FFF1F1, #F67CCF, #A97100, #006049, #001264)
• Timeworn Moss color palette (#FFF1F1, #FF87CA, #489904, #007676, #300C21)
• Wandering Rose Balcony color palette (#FFF4E2, #F899E6, #D0596A, #086B16, #460E2F)
• Hushed Mallow Terrace color palette (#FFF1F1, #DF99C3, #85AB73, #008386, #351D1E)
• Pale Orchid Thicket color palette (#FFF1F5, #A76AD2, #8A7500, #005C40, #160007)
• Pale Violet Cabin color palette (#EEF1FF, #906CFF, #466700, #385300, #0D102D)

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