Pine Loft color palette — #FAF0E5 · #B5B787 · #4A854A · #754A04 · #2D2711

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

The five colors

• Cream (#FAF0E5): bright and airy, almost weightless.
• Sage (#B5B787): A luminous, dusty green — the color of fresh herbs.
• Fern (#4A854A): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#754A04): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#2D2711): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Dusty Fern Alley color palette (#F4F2E8, #92C0A4, #1E8583, #615600, #242A17)
• Pine Grove color palette (#FCF0E3, #A7A369, #397527, #005155, #241B00)
• Pine Basin color palette (#ECE7C7, #80BB77, #00885F, #005757, #193925)
• Ancient Stone Quarry color palette (#EEF9ED, #C5CA8F, #719C73, #627962, #31483F)
• Powdered Crimson color palette (#F0F5DA, #54A25C, #CD4D61, #995642, #1D2009)
• Charred Olive color palette (#EBDDC9, #5C7217, #004224, #291C00, #020300)
• Dusty Moss color palette (#EDE4D2, #72A64B, #006C50, #4A3D00, #0A1B00)
• Muted Lagoon color palette (#E2FADC, #70CEBF, #00877C, #004B49, #001A18)

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