Muted Pine color palette — #E7F5F4 · #97BF9A · #BB89B2 · #4F7F54 · #352B47

Fern and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7F5F4): bright and airy, almost weightless.
• Sage (#97BF9A): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#BB89B2): A luminous, balanced pink — the color of a candy shop window.
• Fern (#4F7F54): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#352B47): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Cypress Loft color palette (#E7F5F9, #74C3C2, #CB878A, #128282, #3D283E)
• Stone Canyon color palette (#E9F5EE, #C0B477, #9198C8, #7D7236, #24304C)
• Antique Pine color palette (#F2F7ED, #A6B78F, #A789C6, #008762, #564369)
• Emerald Lantern color palette (#F4F7E9, #A9D0AC, #CD9FD0, #47A356, #684048)
• Hushed Driftwood Coast color palette (#E9F6E9, #A7C4AF, #6E8C6E, #6C4E5B, #1E3128)
• Hushed Iris color palette (#DDF8F7, #71AC84, #7C89C6, #A56556, #0A2D2C)
• Worn Cypress color palette (#E6F5F8, #ABCDB2, #336D68, #18363C, #091619)
• Dusty Hollow color palette (#E6FAF8, #C5F3CE, #E6BAEC, #71A97E, #47415F)

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