Muted Field color palette — #F7E9E1 · #B76200 · #6E3D00 · #3E2600 · #1A1900

Ochre takes the lead with Bronze close behind in a set that reads as optimism and balance at first glance.

The five colors

• Cream (#F7E9E1): bright and airy, almost weightless.
• Ochre (#B76200): A full-bodied, balanced gold — the color of old brass.
• Bronze (#6E3D00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3E2600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#1A1900): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, 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

• Tempered Ember Market color palette (#FFEAE9, #DA5500, #945800, #553900, #231C00)
• Aged Bronze color palette (#E7DFD0, #A77D00, #563C00, #241800, #080900)
• Garnet Loft color palette (#F2DBDB, #C44841, #931800, #4E1300, #231500)
• Worn Moss color palette (#CFE8D3, #C0AF72, #8F9719, #653D00, #342600)
• Amber Villa color palette (#ECE4D3, #B08800, #716100, #4E4600, #193814)
• Mulberry Summit color palette (#F9D4E1, #9C5B00, #8F168E, #542F00, #310031)
• Weathered Garnet Coast color palette (#F0E5D7, #7C4F00, #225D00, #740031, #1C0E00)
• Airy Grove color palette (#FFD2E4, #CFA16C, #A97200, #705100, #3D4716)

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