Pine Loft color palette — #E3F4ED · #77A767 · #00864E · #515D00 · #031400
Fern and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E3F4ED): A whisper-light, dusty teal — the color of sea glass.
- Moss (#77A767): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#00864E): A full-bodied, balanced teal — the color of glacier melt.
- Olive (#515D00): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#031400): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Loft 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
- Olive Hollow color palette (#DCF3E0, #9F9B4F, #607C05, #6C5100, #121000)
- Jade Atelier color palette (#D4EDE9, #4FAD7F, #008370, #784A00, #001409)
- Antique Canyon color palette (#D5E9DE, #68905C, #00614E, #403800, #031400)
- Hushed Fern Boulevard color palette (#D4E6D6, #928A54, #5B6A00, #005827, #070600)
- Worn Delta color palette (#DDE8DF, #6AC1C0, #0093A6, #006F56, #001720)
- Emerald Study color palette (#D5EBDF, #B1C191, #6CA163, #17886F, #232E05)
- Dusty Delta color palette (#F1ECCE, #3F7829, #004224, #1C2100, #010400)
- Hushed Byzantium color palette (#D2ECF7, #008E9B, #B132B7, #816100, #000A0B)
Browse the whole catalog at Explore, or see today's palette.