Muted Field color palette — #F9E3D3 · #D1A382 · #A87153 · #804B38 · #352F2A

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

The five colors

• Parchment (#F9E3D3): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#D1A382): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#A87153): A full-bodied, balanced orange — the color of sun-warmed clay.
• Coffee (#804B38): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#352F2A): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Hushed Chestnut Grove color palette (#F0E7D3, #B3B17E, #8D8148, #6F5719, #32302A)
• Worn Garnet color palette (#F7E4D7, #B2906B, #8D5235, #6F2A2C, #33302A)
• Muted Amber color palette (#FFF0F8, #E9BD9E, #BA7753, #804633, #2F1A22)
• Amber Bloom color palette (#FADFEE, #E7B783, #DC8357, #A06968, #213628)
• Wandering Bronze Courtyard color palette (#FAF5E7, #D2CBAD, #A99A73, #8E6F2A, #524800)
• Moss Hollow color palette (#F7EED6, #9D920B, #209387, #974145, #312500)
• Dusty Bronze color palette (#F9E6C9, #957A26, #6B4D00, #442A00, #0E0B00)
• Muted Alley color palette (#F9E1D1, #96603C, #732C00, #460C00, #070200)

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