Muted Pine color palette — #F9F1E3 · #A8A17B · #3D733D · #63344E · #221C00

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

The five colors

• Cream (#F9F1E3): A whisper-light, dusty gold — the color of old brass.
• Taupe (#A8A17B): A luminous, dusty green — the color of fresh herbs.
• Olive (#3D733D): A full-bodied, balanced green — the color of fresh herbs.
• Mulberry (#63344E): A deep, shadowed, dusty rose — the color of strawberry cream.
• Onyx (#221C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Dusty Cocoa Summit color palette (#F5F2E6, #B2B699, #48826E, #78434A, #272911)
• Ancient Pine color palette (#FCF0DC, #A2AF76, #247F30, #5E4900, #1E2400)
• Hazy Garnet Terrace color palette (#E7E7C8, #53A880, #006A63, #701B10, #001C0F)
• Tempered Harbor color palette (#F5EEDD, #7E9766, #00663B, #413900, #141300)
• Bronze Villa color palette (#F5E0CF, #BC8D40, #836C00, #404800, #172A00)
• Muted Delta color palette (#EAFAEF, #B3DBC6, #889053, #855736, #053020)
• Sunlit Aubergine Summit color palette (#EFEDDF, #7D8E15, #5467B7, #69319C, #121600)
• Muted Indigo Study color palette (#F2E8D1, #9D934C, #7769D3, #605600, #1B1240)

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