Muted Field color palette — #F9F0E6 · #C4BD8E · #A6783E · #814621 · #2E2D1D
A conversation between Mocha and Coffee, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9F0E6): a clean, paper-quiet neutral.
- Sand (#C4BD8E): A luminous, dusty green — the color of fresh herbs.
- Mocha (#A6783E): A luminous, balanced gold — the color of afternoon light on wheat.
- Coffee (#814621): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#2E2D1D): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, 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
- Hushed Taupe color palette (#FFEFE0, #C3A869, #9A6840, #524A47, #272310)
- Mallow Villa color palette (#FFECEF, #F2A5BA, #B36D5F, #6F4F25, #2F2C00)
- Washed Station color palette (#F2DBCE, #BC8E5F, #954E38, #5A2E3A, #201602)
- Powdered Moss Courtyard color palette (#FBE7BC, #8EAE42, #7E6A00, #653600, #191F03)
- Antique Frost Parlor color palette (#EEF8EE, #B9ECE5, #9AB79B, #8D717D, #33443C)
- Chestnut Basin color palette (#F2E5D7, #706100, #4D2E00, #310700, #010200)
- Bronze Loft color palette (#F9EFF1, #DAB3E2, #9F7D2F, #88618F, #1B150B)
- Seafoam Market color palette (#FCEDF3, #9AD3B1, #695882, #3F2A32, #1B1015)
Browse the whole catalog at Explore, or see today's palette.