Muted Pine Loft color palette — #EAF3E7 · #00773E · #004533 · #00231F · #000504

A conversation between Pine and Forest, giving this palette its sense of nature and growth.

The five colors

• Cream (#EAF3E7): bright and airy, almost weightless.
• Pine (#00773E): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#004533): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#00231F): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000504): quiet, heavy and certain.

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

• Dusty Field color palette (#EAF2DB, #237E02, #004935, #002B2B, #00171E)
• Mulberry Boulevard color palette (#E8F0E2, #006B57, #880044, #003228, #0A0002)
• Cypress Quarry color palette (#DBF3F1, #006B6F, #004553, #001925, #00050B)
• Fern Courtyard color palette (#F7EED4, #6A6400, #313B00, #112300, #000500)
• Patina Emerald color palette (#E1E5CB, #03A12A, #00604A, #003230, #000102)
• Lagoon Lagoon color palette (#DCECDF, #009D70, #00695C, #004845, #001B1E)
• Lowlit Loft color palette (#DFF4EF, #00564B, #520090, #472500, #000201)
• Cobalt Delta color palette (#D4E4CE, #00B2BB, #007FB0, #00462C, #000909)

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