Pine Loft color palette — #FEF3E8 · #BAA66C · #52855B · #644F74 · #4A4841

Fern and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF3E8): bright and airy, almost weightless.
• Camel (#BAA66C): A luminous, dusty green — the color of fresh herbs.
• Fern (#52855B): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#644F74): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#4A4841): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, 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

• Softworn Basin color palette (#FEF4E4, #D7957D, #85782F, #48587F, #4C4641)
• Taupe Canyon color palette (#E2F8EC, #ADB263, #668255, #215B62, #1A312A)
• Timeworn Fern color palette (#FFF2EB, #91B385, #1C8788, #7D4557, #3E5006)
• Petrol Boulevard color palette (#F9F4ED, #B39357, #007D99, #783E58, #5A3835)
• Worn Ridge color palette (#F5F6EC, #B6C8A6, #3A9091, #90552E, #485041)
• Azure Corridor color palette (#FAF3F0, #C7EBE7, #60A1C9, #337D6F, #5D4C5D)
• Wandering Chartreuse Studio color palette (#F9F6E5, #E3DCC4, #BAD66E, #3CA890, #484942)
• Chestnut Quarry color palette (#FFF3E3, #C5C4A4, #8F9E8A, #836363, #7D431C)

Browse the whole catalog at Explore, or see today's palette.