Pine Loft color palette — #F1F1E0 · #64A560 · #00743B · #004F58 · #1B1D00
A conversation between Pine and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#F1F1E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#64A560): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#00743B): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#004F58): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#1B1D00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, 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
- Wandering Corridor color palette (#E0E8D7, #4DA490, #007067, #004972, #00211A)
- Ancient Olive color palette (#F0E7D4, #69861B, #005324, #342351, #1F1B00)
- Hushed Pine color palette (#FFF3E4, #9FA96A, #007332, #532B4D, #070800)
- Emerald Villa color palette (#D9F4E8, #8FB475, #3C9357, #3C6696, #0E2000)
- Softworn Fern color palette (#ECE2D0, #9F943F, #626600, #693137, #1F1B00)
- Quiet Olive Atelier color palette (#E7E5D8, #90B077, #248819, #7C452C, #2C2A04)
- Teal Coast color palette (#E6EFDB, #4DC2A8, #008A80, #0B6091, #00372D)
- Washed Petrol color palette (#E8EADD, #7EBDC9, #00829D, #00595A, #002330)
Browse the whole catalog at Explore, or see today's palette.