Muted Field color palette — #FCF2F6 · #9C8EC3 · #846F14 · #2C5583 · #533948

Walnut and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Blue Fog (#9C8EC3): A luminous, dusty violet — the color of twilight just after sunset.
• Walnut (#846F14): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#2C5583): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#533948): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Bronze Thicket color palette (#FBF2F9, #7E98CB, #96642B, #175C70, #2B4A3B)
• Pine Villa color palette (#FDF2F3, #BB83AD, #3B824A, #4C4D7F, #57364C)
• Aged Drift color palette (#F9F4EF, #C7EAED, #8497CF, #287D7C, #604C54)
• Aged Coral color palette (#F8EEF8, #D77F84, #767541, #00585A, #1F253E)
• Pewter Harbor color palette (#FFF1F4, #E6C3B7, #A29378, #826C82, #574B57)
• Washed Blush color palette (#FFF2EE, #F29296, #8B9251, #39737D, #553943)
• Aged Amber Corridor color palette (#FFF2EF, #E8A993, #BE7436, #7D6023, #504D46)
• Softworn Field color palette (#F9F2FD, #F4B1CA, #9FB277, #648BAE, #2B455D)

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