Muted Field color palette — #FEF2F0 · #F4C6AA · #9D6E7B · #624540 · #342826

A conversation between Wheat and Mocha, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FEF2F0): bright and airy, almost weightless.
• Wheat (#F4C6AA): A whisper-light, dusty gold — the color of honey in a jar.
• Mocha (#9D6E7B): A full-bodied, dusty red — the color of late-summer berries.
• Cocoa (#624540): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#342826): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Muted Driftwood color palette (#F8F3FA, #D7D9CC, #B26E84, #4F4055, #1F1822)
• Muted Orchard color palette (#FEF3EA, #E2BE8A, #906848, #623600, #2C1E11)
• Aged Driftwood color palette (#FCF3F0, #FBBFC4, #C48D71, #BE737B, #332C28)
• Softworn Basalt color palette (#FCF2F2, #C7C19D, #765068, #4F2A43, #362727)
• Muted Blush color palette (#FFF2F0, #CE88A7, #A27D53, #5A658E, #443236)
• Sunlit Pier color palette (#FFF2ED, #F2A869, #A94249, #622226, #2E1107)
• Worn Cocoa color palette (#FEF3E5, #E7B094, #AE8B63, #567952, #6A3A00)
• Aged Taupe Corridor color palette (#FBF3F0, #DED9D1, #AFB2A6, #BA917F, #58514E)

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