Muted Pine color palette — #F9F0E5 · #9CA76F · #327447 · #603F00 · #211C02

Built around Pine, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Cream (#F9F0E5): bright and airy, almost weightless.
• Sage (#9CA76F): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#327447): A full-bodied, balanced teal — the color of glacier melt.
• Bronze (#603F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#211C02): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, 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

• Worn Chestnut color palette (#F6F1E5, #9EBE96, #328571, #695100, #272918)
• Muted Jade color palette (#F4F3E4, #57B58C, #0E7375, #5E3C3A, #172007)
• Lime Hollow color palette (#FDF0DE, #A4B052, #2F7D44, #155560, #202300)
• Jade Canyon color palette (#EAE7C4, #00AF7B, #00696B, #334600, #001C10)
• Patina Moss Drift color palette (#EEE0C9, #799B3D, #006542, #004050, #151300)
• Dusty Emerald Station color palette (#E9FAF0, #C9D991, #6B9958, #4B6C59, #112E25)
• Soft Clover color palette (#ECF3DE, #32B556, #00765F, #00474D, #002834)
• Washed Olive color palette (#F1E7D5, #608629, #005137, #342800, #090800)

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