Muted Pine color palette — #E9F9F6 · #7FA685 · #16754C · #36542B · #003F3C
A conversation between Pine and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E9F9F6): bright and airy, almost weightless.
- Moss (#7FA685): A luminous, dusty green — the color of new leaves after rain.
- Pine (#16754C): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#36542B): A full-bodied, dusty green — the color of a quiet forest floor.
- Deep Teal (#003F3C): 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 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 Fern color palette (#EAFAEE, #7CA68F, #666722, #5D4800, #183E2B)
- Fern Ridge color palette (#DAF1E9, #7B9F5B, #186D08, #005131, #1E3600)
- Weathered Lagoon color palette (#EEF8F5, #A7C9C4, #628D6D, #3C6F73, #38534F)
- Muted Station color palette (#D9EBEA, #00A5A8, #007681, #00515E, #173350)
- Muted Lagoon color palette (#F8F6E7, #97C19C, #2C937C, #706416, #333A00)
- Sapphire Cabin color palette (#C7EBFA, #008A96, #4F61C6, #1D6D01, #003237)
- Seafoam Workshop color palette (#F6F7E1, #9DDCA8, #69B28A, #84847C, #35362F)
- Powder Archive color palette (#EAF8FF, #B4E2FF, #83B4EC, #007E8B, #224960)
Browse the whole catalog at Explore, or see today's palette.