Pine Loft color palette — #E4DFCB · #8BA06C · #3D8636 · #403800 · #060900
Built around Olive Leaf, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Bone (#E4DFCB): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#8BA06C): A luminous, dusty green — the color of fresh herbs.
- Olive Leaf (#3D8636): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#403800): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#060900): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged pastel, light, 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 Balcony color palette (#F8E8D1, #AA9347, #818200, #5A3200, #090500)
- Cypress Delta color palette (#E5E7D9, #699E7E, #007B67, #213D00, #000301)
- Lagoon Villa color palette (#DCF4E6, #90B274, #009686, #5B3300, #131A00)
- Emerald Chapel color palette (#E3E6D5, #9DBE76, #2DB24C, #645B00, #121900)
- Forest Basin color palette (#E3EDD6, #A3DBCE, #40B4B7, #007239, #00221A)
- Nocturne Fern color palette (#F7E9C9, #676425, #3F3600, #201600, #020200)
- Cypress Quarry color palette (#E2E8DC, #007A5E, #1E3E58, #003225, #000102)
- Emerald Boulevard color palette (#EEF6DA, #B6E4CA, #58CABC, #21911F, #002E1C)
Browse the whole catalog at Explore, or see today's palette.