Pine Loft color palette — #F7ECDC · #C88D00 · #008A48 · #885E00 · #010200
Built around Fern, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Cream (#F7ECDC): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mustard (#C88D00): A luminous, balanced gold — the color of old brass.
- Fern (#008A48): A full-bodied, balanced teal — the color of glacier melt.
- Ochre (#885E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Black (#010200): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.
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
- Moss Coast color palette (#EAE6D6, #9FA100, #00857D, #6A6C00, #000202)
- Timeworn Tangerine color palette (#EEDDD2, #EB722C, #707B00, #A64600, #020200)
- Hushed Olive color palette (#EDE8D9, #959B00, #497C00, #005820, #000E08)
- Tempered Canyon color palette (#EFE0C9, #938D00, #007E2B, #3723B5, #090D00)
- Quiet Atelier color palette (#EEE2CD, #8E7000, #006F90, #5F00A7, #070000)
- Amber Canyon color palette (#EBDDD2, #C76400, #00624B, #6C3300, #000201)
- Dusty Bronze color palette (#EEEAE2, #AAB6A0, #71A896, #817200, #1A1302)
- Sunlit Mustard color palette (#F9F1E3, #ECBC00, #00B494, #AD8900, #091600)
Browse the whole catalog at Explore, or see today's palette.