Muted Pine color palette — #EDF2D9 · #7CB984 · #D27C48 · #008934 · #572500

Olive Leaf and Coral Clay set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EDF2D9): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#7CB984): A luminous, balanced green — the color of fresh herbs.
• Coral Clay (#D27C48): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#008934): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#572500): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Misty Workshop color palette (#F3EFDB, #A2B156, #DA7175, #6C7A00, #572225)
• Feathered Amber Grove color palette (#E3F4E2, #3FBDBC, #AD9500, #008282, #3F3500)
• Jade Veranda color palette (#E0E9CF, #33AE72, #0098BD, #917400, #27300D)
• Muted Chestnut color palette (#F5E5D0, #C1AC7A, #9A7A46, #7F4E00, #33302A)
• Soft Olive Pier color palette (#EFF1DB, #86B96B, #00A2DC, #418500, #003B52)
• Chartreuse Boulevard color palette (#D2F8F4, #78F194, #CB7DC1, #59A56A, #4D2348)
• Hushed Cypress color palette (#E8F2E5, #A9BE81, #007367, #003F38, #0E1A09)
• Emerald Archive color palette (#F1F8E5, #BDE6D1, #8CCEE4, #479555, #334026)

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