Pine Loft color palette — #FFF5D2 · #8DBD6F · #009156 · #006D5E · #1C5660
A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF5D2): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#8DBD6F): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#009156): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#006D5E): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#1C5660): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Aged Jade Courtyard color palette (#D0ECC0, #67C078, #098B5A, #005E4B, #002F36)
- Softworn Courtyard color palette (#F3FAD6, #7AC6A7, #009C98, #1A7287, #2F564C)
- Feathered Olive Corridor color palette (#FDE5C0, #BBAC56, #668400, #0A6635, #394F30)
- Peony Field color palette (#F4F7E9, #72B17D, #CC627E, #27783D, #5F333E)
- Weathered Teal Coast color palette (#E0F0C5, #4BBCAB, #008B94, #005E85, #5A3F58)
- Tempered Powder color palette (#F2F8E3, #B7EBE1, #98C1FF, #807E49, #495540)
- Hushed Bronze Harbor color palette (#FEF4E1, #A1AD7F, #867029, #6D482B, #3A4200)
- Powdered Orchard color palette (#F8F8D9, #70964C, #C54678, #9A5239, #383831)
Browse the whole catalog at Explore, or see today's palette.