Muted Pine color palette — #F8F7DE · #85B087 · #007D58 · #005D5E · #244327

Built around Teal, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#F8F7DE): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#85B087): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#007D58): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005D5E): A full-bodied, dusty teal — the color of glacier melt.
• Forest (#244327): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Feathered Drift color palette (#F4F7E7, #63B698, #007A71, #006223, #004633)
• Worn Olive Corridor color palette (#FDF4E5, #A8A767, #567600, #005975, #3F3D00)
• Tempered Parlor color palette (#FBF1DD, #93B476, #007E5B, #00546D, #242200)
• Faded Navy Grove color palette (#F0ECD1, #69A363, #006C45, #153D8B, #11370E)
• Washed Atelier color palette (#E8FBEE, #A6C78E, #009E75, #2E728D, #2E411D)
• Seafoam Pier color palette (#DBFEF4, #93E599, #52BC91, #4B9797, #044440)
• Cerulean Balcony color palette (#FAF4EB, #B1DABE, #008CB5, #006761, #00446B)
• Worn Canyon color palette (#F6F6ED, #BEC4AE, #768867, #795B71, #475408)

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