Muted Pine color palette — #F5F6EB · #AAB58E · #318563 · #5A5F13 · #3C4900
A conversation between Fern and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F5F6EB): a clean, paper-quiet neutral.
- Sage (#AAB58E): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#318563): A full-bodied, balanced teal — the color of glacier melt.
- Olive (#5A5F13): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#3C4900): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, 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
- Dusty Olive Boulevard color palette (#F8F5EA, #C7C29D, #728A61, #616D27, #574E00)
- Dusty Pine Boulevard color palette (#F6F7E4, #80B281, #007E46, #075F4C, #224424)
- Worn Pier color palette (#F8F5E8, #D1DAB7, #78BAB3, #979074, #3D4900)
- Lagoon Quarry color palette (#E6FBF4, #A4D1B0, #599E90, #577A70, #314746)
- Powdered Moss color palette (#F7EACD, #959900, #516300, #20500E, #2F3100)
- Turquoise Summit color palette (#D3F4D0, #31C5CC, #008D9C, #006271, #26503C)
- Ancient Powder Boulevard color palette (#E9FAF2, #D8DDF1, #A2BEEB, #538E9E, #38544A)
- Muted Pine Balcony color palette (#DEE3CE, #007F5A, #004235, #002B12, #0A1300)
Browse the whole catalog at Explore, or see today's palette.