Pine Loft color palette — #E5F6F2 · #7FAF75 · #327445 · #264E50 · #02221E
A conversation between Pine and Jade, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E5F6F2): a clean, paper-quiet neutral.
- Jade (#7FAF75): A luminous, balanced green — the color of new leaves after rain.
- Pine (#327445): A full-bodied, balanced teal — the color of sea glass.
- Charcoal (#264E50): A deep, shadowed, dusty teal — the color of glacier melt.
- Onyx (#02221E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, 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
- Cypress Courtyard color palette (#F8F5E9, #89A57A, #35714A, #14564F, #36362F)
- Tempered Lagoon color palette (#E7F5F4, #8EC0A7, #448370, #3E5A61, #102C2D)
- Weathered Moss color palette (#C8F0DC, #8FA000, #496700, #004941, #151800)
- Muted Lagoon Basin color palette (#CAE6E4, #47A276, #00644D, #153D53, #001616)
- Lowlit Fern color palette (#CAE7DE, #2A6900, #00340E, #00181A, #000200)
- Patina Indigo Grove color palette (#DCE7FF, #6967E8, #AD3D83, #006777, #0B1327)
- Lilac Cabin color palette (#ECF2FF, #EDCEED, #C19ADD, #5C71A2, #1F2335)
- Tempered Azure color palette (#C8E2F9, #2C9EFC, #155FB9, #22387B, #12193C)
Browse the whole catalog at Explore, or see today's palette.