Pine Loft color palette — #DBE8E1 · #9AAE70 · #4E8046 · #006451 · #232E00
Fern and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#DBE8E1): bright and airy, almost weightless.
- Sage (#9AAE70): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#4E8046): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#006451): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#232E00): 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
- Forest Terrace color palette (#D4EAE6, #7FB297, #038473, #306327, #02321F)
- Linen Coast color palette (#D7F4DE, #B1B059, #628500, #006483, #313000)
- Forest Canyon color palette (#CEE4DD, #70A071, #00734F, #005050, #002204)
- Olive Cabin color palette (#FDF5DF, #ADC775, #45893A, #295C4E, #1C1900)
- Softworn Mustard color palette (#EFE3D4, #BBC256, #64A26A, #448088, #312802)
- Emerald Summit color palette (#E5FBF3, #A2C79C, #2F9C6A, #4268AA, #244320)
- Cerulean Canyon color palette (#E6F2E8, #97D1CD, #0098A4, #006F4F, #003441)
- Muted Forest color palette (#CEE4DA, #667E4D, #00541D, #002C52, #030800)
Browse the whole catalog at Explore, or see today's palette.