Pine Loft color palette — #F9F2D9 · #95B36F · #3E7B44 · #00594C · #172600
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9F2D9): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#95B36F): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#3E7B44): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#00594C): A full-bodied, dusty teal — the color of glacier melt.
- Onyx (#172600): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Softworn Market color palette (#F7F1E7, #BBB586, #6F7C48, #3F5D4D, #2E2611)
- Softworn Forest color palette (#ECE9D8, #729A67, #00663C, #00423F, #131300)
- Weathered Emerald Field color palette (#E8FAF1, #AAC688, #469C50, #007B69, #31411B)
- Tempered Cerulean color palette (#F9F1E4, #98DFDE, #0093A5, #00644D, #002A37)
- Eclipse Forest Coast color palette (#E4E2C7, #2E6635, #003321, #030C3C, #000200)
- Cornflower Canyon color palette (#D9E5FF, #4A77F7, #C63E3A, #007623, #07143B)
- Hazy Ultramarine color palette (#FFEAFE, #5396FF, #B07400, #0053C0, #2F1C00)
- Patina Market color palette (#ECF2FF, #E7D0E8, #DE9AE4, #2573A5, #242349)
Browse the whole catalog at Explore, or see today's palette.