Muted Pine color palette — #F4F2E5 · #93A87E · #3D742D · #603F00 · #1F1D02
A conversation between Olive and Bronze, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F2E5): a clean, paper-quiet neutral.
- Sage (#93A87E): A luminous, dusty green — the color of new leaves after rain.
- Olive (#3D742D): A full-bodied, balanced green — the color of a quiet forest floor.
- Bronze (#603F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Onyx (#1F1D02): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, 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
- Wandering Moss Summit color palette (#EDE4D2, #9E9933, #586200, #4A3D00, #181700)
- Chestnut Lagoon color palette (#F2F3EA, #AFB991, #418564, #6A5100, #262A16)
- Patina Quarry color palette (#EDEEDF, #699B75, #006542, #1B4311, #101400)
- Olive Ridge color palette (#DDFDD3, #84BC71, #307800, #153D00, #021300)
- Pine Boulevard color palette (#EAFAF1, #83A76D, #16744E, #55435B, #1B3C36)
- Dusty Orchard color palette (#E9EBD9, #68A353, #0086B8, #266500, #001F2F)
- Weathered Forest Lagoon color palette (#E5E4D2, #55874B, #005223, #342800, #010B00)
- Emerald Ridge color palette (#E8EBD8, #309324, #007D8A, #7B5200, #141600)
Browse the whole catalog at Explore, or see today's palette.