Muted Field color palette — #FAF3F5 · #D8DDF4 · #9CBDFF · #32AAB7 · #3D4665

A conversation between Cyan and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Frost (#D8DDF4): A whisper-light, dusty violet — the color of wild irises.
• Sky (#9CBDFF): A luminous, balanced violet — the color of wild irises.
• Cyan (#32AAB7): A luminous, balanced blue — the color of deep harbor water.
• Navy (#3D4665): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication, Softness. Tagged coastal, cool, light, 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

• Jade Parlor color palette (#FAF3F7, #CEE3F8, #77CCE3, #58AC81, #324B5E)
• Muted Periwinkle color palette (#F4F6F0, #BEE6EB, #6EA9EA, #3584A7, #563F55)
• Aged Cobalt color palette (#EDE1E7, #61ABCA, #0078C8, #005D5A, #03022A)
• Misty Amber color palette (#EBFAEA, #FCBF6E, #68CAFF, #D68D03, #26465C)
• Sky Parlor color palette (#FEF0FB, #6CF0FE, #00BBEF, #009B76, #00355C)
• Sky Bloom color palette (#FFF1F6, #F6AB71, #3DC3FD, #A39AE1, #4A2E3B)
• Faded Terrace color palette (#E9DEE6, #8BCCD9, #009ED6, #007F69, #031F40)
• Aged Cerulean color palette (#F5F1EA, #C1E6DA, #6B8FC4, #00697F, #3B2335)

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