Muted Field color palette — #F1F5FF · #C9BBDA · #AD8FA0 · #577F8B · #38535C

Slate and Lavender set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Lavender (#C9BBDA): A luminous, dusty violet — the color of a velvet chair.
• Dusty Rose (#AD8FA0): A luminous, dusty pink — the color of peonies in June.
• Slate (#577F8B): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#38535C): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication. Tagged vintage, retro, 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

• Oat Loft color palette (#F6F3FF, #EDB8B4, #92AA99, #5D7D91, #3D505C)
• Patina Turquoise color palette (#FAF2FA, #BBEFFD, #5FB1CD, #5C875E, #334A62)
• Muted Amber Terrace color palette (#FBDEE0, #C29058, #528053, #49477A, #26234E)
• Antique Driftwood color palette (#E7E0FC, #B16F90, #865A3A, #004A53, #001D27)
• Hazy Blush color palette (#EDE4F6, #F689B0, #B0762F, #006987, #004155)
• Bronze Courtyard color palette (#FFE8E7, #D5B1A9, #B47154, #7F5E15, #5D4D00)
• Blush Veranda color palette (#FFF0FD, #FF958E, #1BBCB7, #B46763, #184A54)
• Blush Loft color palette (#FDF0FF, #FA718F, #00A8D1, #4891AA, #413244)

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