Muted Pine Loft color palette — #E7F7EC · #97A876 · #3C7348 · #3F4364 · #00221A
Built around Pine, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#E7F7EC): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#97A876): A luminous, dusty green — the color of new leaves after rain.
- Pine (#3C7348): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#3F4364): A deep, shadowed, dusty violet — the color of a velvet chair.
- Onyx (#00221A): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Tempered Archive color palette (#E6F6F0, #8CBFB9, #4A8270, #55516D, #052E2B)
- Muted Fern color palette (#D6ECD6, #A1982D, #416800, #3F2E78, #191700)
- Pine Corridor color palette (#EBF9F5, #76A6A0, #237445, #005560, #0E3E39)
- Ancient Thicket color palette (#F7F6E3, #B9DBB2, #669870, #4E6C55, #282A0C)
- Washed Olive color palette (#D4F1E2, #60844C, #005134, #341F43, #000A08)
- Weathered Mulberry color palette (#EBE5FA, #BC72B7, #229164, #7F2E7C, #002314)
- Hushed Cerulean Workshop color palette (#F8EEF6, #A0D0E3, #3C85A6, #005D4A, #07213C)
- Pewter Coast color palette (#F4EEFF, #F9CBE0, #DCA47F, #75649C, #281B31)
Browse the whole catalog at Explore, or see today's palette.