Pine Loft color palette — #E5F6F4 · #3C8A47 · #2B6834 · #174579 · #1D0C17
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E5F6F4): a clean, paper-quiet neutral.
- Fern (#3C8A47): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#2B6834): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#174579): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#1D0C17): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Aged Fern Parlor color palette (#E9F6EA, #A87D34, #466F19, #303668, #08190A)
- Olive Drift color palette (#E1F8F3, #46811B, #24499C, #5D1800, #00100D)
- Lagoon Parlor color palette (#E2F6FB, #00988D, #006E6B, #2E366D, #061908)
- Washed Lagoon color palette (#E4F6F2, #7F9E68, #107F7B, #5B3C64, #09211A)
- Aubergine Villa color palette (#C5F8E7, #5A6D00, #005A43, #410068, #060600)
- Ancient Denim Workshop color palette (#F6F6E8, #80AC6A, #5E8947, #415EA3, #3A230C)
- Olive Field color palette (#D2EADF, #797A00, #153737, #081A13, #040804)
- Dusty Quarry color palette (#FFF1F5, #9F763F, #006D7E, #3B337A, #39243B)
Browse the whole catalog at Explore, or see today's palette.