Muted Field color palette — #FFF0F9 · #E7DFC9 · #E0AD64 · #81702C · #3F4809

A conversation between Sand and Walnut, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Bone (#E7DFC9): A whisper-light, dusty green — the color of new leaves after rain.
• Sand (#E0AD64): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#81702C): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#3F4809): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. 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

• Chestnut Drift color palette (#FFF3E8, #D9B186, #A2814C, #6E5815, #334D17)
• Hazy Mustard color palette (#FFF3E4, #D5B11B, #788000, #2D4A00, #001606)
• Muted Apricot Workshop color palette (#F9F2FF, #EDD8CF, #F29B8A, #A76B4C, #573500)
• Mustard Meadow color palette (#E0FFDE, #B6E4BF, #B9BF69, #6A8649, #1A4C23)
• Honey Meadow color palette (#FFF3E9, #FFC34C, #A49400, #545D00, #0C3500)
• Antique Marigold Studio color palette (#F0F8EF, #DAA350, #405C4D, #232E24, #140D10)
• Aged Station color palette (#FCE3D3, #A16900, #4B3700, #161500, #010100)
• Worn Corridor color palette (#ECF9EE, #FFD2B6, #B4A161, #437B8F, #4E383F)

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