Muted Pine Loft color palette — #F7F1E8 · #ACBA8F · #3D865C · #3F5D4C · #2B2811

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Sage (#ACBA8F): A luminous, dusty green — the color of new leaves after rain.
• Fern (#3D865C): A full-bodied, balanced teal — the color of glacier melt.
• Pine (#3F5D4C): A full-bodied, dusty teal — the color of glacier melt.
• Onyx (#2B2811): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Muted 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

• Lagoon Lantern color palette (#F4F2E9, #BEC9A4, #3B938C, #486961, #30322B)
• Dusty Ridge color palette (#F8F0EA, #C4B18C, #667F42, #6C4A53, #2F2615)
• Basalt Market color palette (#F8F5E9, #9ABB88, #547F60, #4D6048, #464500)
• Weathered Teal Veranda color palette (#ECF8F3, #B5E9F4, #73AE84, #4B808A, #263E39)
• Worn Cabin color palette (#EDE4CA, #56AB58, #006B5B, #004364, #011D02)
• Dusty Forest Loft color palette (#F4E9DD, #919251, #106718, #53254A, #171100)
• Patina Olive Delta color palette (#E7DFD0, #5F8637, #005139, #4E072A, #090800)
• Lowlit Olive Courtyard color palette (#E7DECC, #4A761E, #00412E, #00222F, #010400)

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