Pine Drift color palette — #FFF4E2 · #9F9B50 · #367B3E · #404784 · #3E3D36
A conversation between Olive and Indigo, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Moss (#9F9B50): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#367B3E): A full-bodied, balanced green — the color of fresh herbs.
- Indigo (#404784): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal (#3E3D36): a grounded near-black with real depth.
Feels like: Nature, Growth, 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
- Aged Amber Chapel color palette (#FFEEE3, #BD962C, #217D5A, #503C63, #27230D)
- Weathered Lagoon color palette (#FDF4E7, #8CB580, #008B78, #644F75, #474942)
- Timeworn Canyon color palette (#FFF4E2, #C98651, #7A6900, #005671, #413C36)
- Moss Lantern color palette (#F8F5EA, #8A9018, #00707E, #593279, #532C1B)
- Mustard Summit color palette (#FFF0F8, #D7AB2C, #489877, #6E5787, #28443A)
- Quiet Grove color palette (#F9F6E1, #F1D178, #B0C847, #48A37A, #42423B)
- Weathered Atelier color palette (#E2FDEF, #C3D07E, #87B378, #478E99, #1C463B)
- Misty Aubergine Atelier color palette (#FFF4E2, #00A66F, #006E73, #74086E, #003F34)
Browse the whole catalog at Explore, or see today's palette.