Muted Emerald color palette — #F6F7E7 · #648F4D · #8B5F88 · #6B4268 · #33332C

Built around Olive Leaf, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#F6F7E7): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#648F4D): A luminous, balanced green — the color of new leaves after rain.
• Slate (#8B5F88): A full-bodied, balanced pink — the color of neon signs at night.
• Charcoal Brown (#6B4268): A full-bodied, dusty pink — the color of neon signs at night.
• Espresso (#33332C): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Muted Emerald 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

• Lagoon Boulevard color palette (#EAFAEA, #009493, #7C639E, #773B60, #283728)
• Patina Bronze color palette (#FDF4E3, #997F00, #5B6FA2, #3F517E, #36322C)
• Garnet Villa color palette (#E4F7ED, #938929, #9A5F81, #8C2A30, #002113)
• Worn Petrol color palette (#FFF2EC, #63A889, #20748D, #723B3C, #2F442A)
• Worn Plum Courtyard color palette (#FEF3E8, #CA915A, #9E80BB, #9B5184, #37322C)
• Weathered Lantern color palette (#F3F6EF, #D3DDDA, #AEC5C4, #4F806A, #454A3F)
• Timeworn Chestnut Canyon color palette (#DFF5E5, #007F8F, #8F4D1C, #6C3200, #142D1D)
• Powdered Mulberry Harbor color palette (#BBF4D6, #007B52, #9B0075, #6D0051, #002717)

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