Muted Pine color palette — #F4F7ED · #D0DDD5 · #B2C2AA · #1E7D4D · #394600

A conversation between Teal and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F4F7ED): a clean, paper-quiet neutral.
• Silver (#D0DDD5): bright and airy, almost weightless.
• Stone (#B2C2AA): A luminous, dusty green — the color of new leaves after rain.
• Teal (#1E7D4D): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#394600): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Cypress Corridor color palette (#F0F7F2, #CADFDD, #ACC2B7, #007982, #364438)
• Pine Terrace color palette (#F1F3EC, #CBDCD3, #AFC6B4, #008135, #242717)
• Wandering Forest color palette (#ECF0E9, #C8CFC4, #98A596, #006549, #29311F)
• Emerald Terrace color palette (#EEF7F6, #CEDCE6, #AFC3DD, #3B9D52, #2A4643)
• Ancient Alley color palette (#E6F0E9, #9EAEA5, #6B867B, #003F48, #0A170E)
• Powdered Mint color palette (#EAFCE0, #34EA89, #00C2A3, #00989D, #003B33)
• Antique Coast color palette (#EAFBE5, #009186, #006286, #342E8B, #243700)
• Pale Archive color palette (#ADF4F6, #72C3D7, #3481A5, #635089, #583C61)

Browse the whole catalog at Explore, or see today's palette.