Pine Loft color palette — #E8F5F2 · #8AAA87 · #35744A · #554500 · #00221F
Built around Pine, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#E8F5F2): a clean, paper-quiet neutral.
- Sage (#8AAA87): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#35744A): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#554500): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Onyx (#00221F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication, 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
- Misty Balcony color palette (#DFF8F5, #81B694, #007E5C, #075D18, #002814)
- Wandering Fern Basin color palette (#D2ECE1, #87A04A, #3A6A00, #3F4200, #121900)
- Wandering Olive color palette (#E9F5ED, #9CBCAA, #767A3A, #635324, #142D21)
- Ancient Forest Chapel color palette (#E0F5F4, #639B85, #006455, #004527, #001617)
- Timeworn Cypress color palette (#F7F6E6, #7BA788, #007364, #683D3B, #303B00)
- Aged Atelier color palette (#D7EFEB, #68A262, #1F84BD, #13670C, #001F32)
- Softworn Olive color palette (#CBF0E9, #4F8D43, #007D89, #7C5100, #031A00)
- Tempered Cerulean Delta color palette (#EAF4F2, #A3D0DE, #008C98, #005C53, #00252D)
Browse the whole catalog at Explore, or see today's palette.