Muted Pine color palette — #EAF9F3 · #87A671 · #2E7343 · #334D6A · #1F3B36
A conversation between Pine and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EAF9F3): a clean, paper-quiet neutral.
- Moss (#87A671): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#2E7343): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#334D6A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#1F3B36): A deep, shadowed, dusty teal — the color of sea glass.
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
- Pine Lagoon color palette (#E9F6ED, #97A876, #3A7346, #4A3F64, #02221A)
- Feathered Moss Coast color palette (#DFFEEF, #85B44E, #247D3A, #6A3F66, #0F443A)
- Cypress Meadow color palette (#EAF9F6, #90BC9E, #488070, #4F5A6F, #2E4847)
- Moss Coast color palette (#DBF2E0, #9C9600, #4B6500, #48376C, #323000)
- Dusty Jade Loft color palette (#F6F7E5, #B1D5B0, #66B481, #3D919F, #35362F)
- Worn Pine color palette (#DEF6EE, #4D8B4D, #005236, #1D2D50, #022204)
- Cerulean Chapel color palette (#EFF8F0, #91D1DD, #0085A8, #006058, #173E57)
- Frosted Fuchsia color palette (#F1EBFF, #D970C7, #008040, #7E3872, #114022)
Browse the whole catalog at Explore, or see today's palette.