Muted Pine color palette — #E9F6E9 · #9FA576 · #337541 · #463C74 · #012218

Olive takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E9F6E9): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#9FA576): A luminous, dusty green — the color of new leaves after rain.
• Olive (#337541): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#463C74): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#012218): A deep, shadowed, dusty teal — the color of sea glass.

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

• Timeworn Fern color palette (#EAFAEE, #9BA06A, #4E6E25, #494667, #223B32)
• Ancient Terrace color palette (#E3F7F1, #7CAD95, #007376, #623357, #002123)
• Ancient Meadow color palette (#FFF3E5, #B7BA78, #579059, #7B5769, #37352F)
• Timeworn Aubergine color palette (#DFF5E5, #6B8152, #005136, #32125E, #040A00)
• Dusty Hollow color palette (#EAF4F2, #A7CBCE, #5E8A9B, #69597B, #1D3638)
• Muted Field color palette (#EFD8E2, #B66316, #007E85, #1D5E7C, #240817)
• Worn Cobalt Pier color palette (#F7EFF5, #ACCDDC, #1B85BA, #005E3E, #0E1C47)
• Chalky Terracotta color palette (#F8E2EF, #C87A58, #008D94, #8D3600, #002123)

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