Pine Drift color palette — #FFF2EA · #C08B53 · #397B35 · #5C3D79 · #403D36
A conversation between Olive and Royal Purple, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Mustard (#C08B53): A luminous, balanced gold — the color of old brass.
- Olive (#397B35): A full-bodied, balanced green — the color of fresh herbs.
- Royal Purple (#5C3D79): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal (#403D36): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro, 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
- Softworn Moss Drift color palette (#FFF2ED, #A39B3E, #007B6C, #6A3963, #3E3E36)
- Hazy Alley color palette (#E0FAE5, #B79A18, #4D7932, #324570, #0D291E)
- Ancient Bronze Coast color palette (#FEF4E4, #D07B84, #826600, #324C81, #423C37)
- Muted Mustard Field color palette (#FFF4E2, #C8B053, #6F925C, #4C6292, #3F3D36)
- Petrol Summit color palette (#FFF3E9, #BA7548, #006B98, #68305C, #50242E)
- Softworn Hollow color palette (#FFDBD4, #967A00, #006149, #5D0064, #242D00)
- Lagoon Coast color palette (#FFEDE5, #CCBB97, #61967F, #825651, #634845)
- Cerulean Boulevard color palette (#FBF3F0, #CBE4D0, #3994C2, #2B714E, #573E54)
Browse the whole catalog at Explore, or see today's palette.