Muted Emerald color palette — #FFF1F5 · #C3A1DA · #9FAD63 · #589D66 · #553942

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Mauve (#C3A1DA): A luminous, balanced violet — the color of twilight just after sunset.
• Sage (#9FAD63): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#589D66): A luminous, balanced green — the color of fresh herbs.
• Cocoa (#553942): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Jade Coast color palette (#FFF2ED, #DE9E9A, #87B27D, #4FA772, #48403D)
• Weathered Moss Market color palette (#FFF1F7, #B7A7DD, #CC9966, #9C8D2F, #503B45)
• Tempered Mallow Hollow color palette (#F3F4FF, #DABCFF, #AEC48D, #96AB76, #363649)
• Aged Grove color palette (#F3F4FF, #A688CA, #B97A35, #1A887D, #3F4054)
• Linen Peony Quarry color palette (#FFE2F0, #E568B0, #799F00, #008D52, #4E1B39)
• Ancient Bronze color palette (#FDF4E6, #D1CBB3, #AF9874, #9E6538, #494C00)
• Ash Terrace color palette (#FFF1F8, #E5DAD4, #AFC3D1, #80ABCD, #614C4E)
• Driftwood Station color palette (#FBF3F4, #CAD7B2, #9B6F79, #65414A, #34272A)

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