Muted Field color palette — #F3F4FF · #B693DA · #7D883F · #006A74 · #004047

A conversation between Mauve and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Mauve (#B693DA): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#7D883F): A luminous, balanced green — the color of a quiet forest floor.
• Peacock (#006A74): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004047): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged muted.

Use it as a design system

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

• Stone Basin color palette (#F9F2FF, #D89CBB, #669A79, #39718A, #19485C)
• Washed Periwinkle color palette (#EEF6FF, #71A9E7, #AB7143, #006B6F, #004143)
• Worn Amber Grove color palette (#FCF1F8, #ABB4FF, #B27F00, #03638E, #002F46)
• Washed Drift color palette (#FBF2F9, #C4ECFD, #77ACCF, #3D8C69, #394769)
• Sunlit Amber color palette (#F7F3FD, #F99AD3, #D78D25, #478E63, #0C3C59)
• Chestnut Balcony color palette (#FFF1F1, #B36F98, #895700, #005733, #053B5E)
• Driftwood Station color palette (#EEF9EE, #A3D0BD, #729C73, #6A708D, #30483E)
• Soft Peony Courtyard color palette (#FAF1FF, #F2609B, #008E60, #254BB0, #0E2870)

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