Muted Field color palette — #F9F0E8 · #CAB8A3 · #AB7543 · #784B3B · #362A15

Mocha and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F9F0E8): a clean, paper-quiet neutral.
• Stone (#CAB8A3): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#AB7543): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#784B3B): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#362A15): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Washed Market color palette (#FFF1F7, #A4C0A9, #A07659, #6E536C, #384D44)
• Basalt Chapel color palette (#FDF3EB, #DCDDC6, #CDA589, #9C6C69, #4B3E00)
• Chestnut Thicket color palette (#F5E2CB, #A48B41, #7A5200, #542A00, #141300)
• Weathered Terracotta color palette (#EEF4EB, #5DA495, #9C729B, #904439, #1C2617)
• Timeworn Cocoa Lagoon color palette (#FFE9DB, #9A6335, #732900, #490005, #0A0400)
• Timeworn Courtyard color palette (#EEF4EA, #D5C09F, #3A6D5D, #003B2D, #11150E)
• Cypress Veranda color palette (#EFF3EE, #B2CCAC, #5E85B6, #00837A, #1B121B)
• Wandering Denim color palette (#DFFBE1, #A3CDB6, #5391BA, #2E5897, #1E2159)

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