Pine Loft color palette — #F8EECE · #B7CB97 · #82AE6E · #498B59 · #4B4E47
A conversation between Fern and Jade, giving this palette its sense of nature and growth.
The five colors
- Custard (#F8EECE): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#B7CB97): A luminous, dusty green — the color of fresh herbs.
- Jade (#82AE6E): A luminous, balanced green — the color of fresh herbs.
- Fern (#498B59): A full-bodied, balanced teal — the color of shallow lagoons.
- Charcoal Brown (#4B4E47): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Emerald Canyon color palette (#FFF4E0, #B6B97C, #61984E, #2D7253, #3F513A)
- Hushed Emerald color palette (#F4F7EA, #ABCFAB, #CE9FCB, #54A058, #61405F)
- Ancient Straw Drift color palette (#DDFFE7, #D2DB8D, #9EC78A, #69A185, #335861)
- Lagoon Grove color palette (#EEFADB, #9ADAC7, #50B8AE, #008E95, #395945)
- Pine Parlor color palette (#F0FADF, #D2E0B7, #75B38F, #277751, #0D3F2B)
- Mint Courtyard color palette (#D9E8D1, #5BC777, #009C69, #00725D, #004C46)
- Softworn Drift color palette (#F3F8E6, #CAE4D8, #AFB2C2, #93A379, #3C5413)
- Cocoa Harbor color palette (#FCF4EA, #D8C8AF, #B4966F, #926B50, #594500)
Browse the whole catalog at Explore, or see today's palette.