Muted Field color palette — #F7F0EE · #DAD5D0 · #99ABA5 · #AB7074 · #3C3432

Built around Mocha, softened by Taupe — the whole palette hums with sophistication.

The five colors

• Cream (#F7F0EE): bright and airy, almost weightless.
• Silver (#DAD5D0): a clean, paper-quiet neutral.
• Taupe (#99ABA5): A luminous, dusty teal — the color of shallow lagoons.
• Mocha (#AB7074): A luminous, dusty red — the color of embers at dusk.
• Espresso (#3C3432): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Aged Atelier color palette (#F8F3F9, #E1D7D9, #B0ACA2, #A5717A, #565057)
• Muted Bronze color palette (#F5F1EC, #D7D8CF, #BAC0AD, #8F6F36, #322B21)
• Cocoa Meadow color palette (#ECE5DD, #B9B2A8, #9C8B6B, #603A00, #130800)
• Fern Study color palette (#FAF0E4, #D49C8C, #9A6D49, #435B2A, #3C2617)
• Softworn Pewter color palette (#FBF0E0, #C7C0AD, #A19D7E, #5E7259, #2B442F)
• Dusty Garnet color palette (#E8DEDA, #978A84, #945B30, #550008, #040000)
• Worn Amber color palette (#FEEEE6, #EED2C4, #EBBB89, #D38D4E, #332D29)
• Olive Balcony color palette (#F7F1E9, #B89666, #667A3E, #005A48, #002C39)

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