Muted Field color palette — #EFF6FF · #A7C5FF · #FBB12A · #5387F3 · #503400

Azure takes the lead with Saffron close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#A7C5FF): A whisper-light, balanced violet — the color of wild irises.
• Saffron (#FBB12A): A luminous, balanced gold — the color of afternoon light on wheat.
• Azure (#5387F3): A luminous, vivid violet — the color of twilight just after sunset.
• Espresso (#503400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, Balance. Tagged cool.

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

• Aged Indigo color palette (#E8EEFF, #B7B5FF, #D5BB21, #7F74E3, #3F3500)
• Powdered Dune color palette (#ECF7FF, #74D2FF, #FFAB6F, #0099CC, #5B2C00)
• Soft Sapphire color palette (#EFF6FF, #79AFFF, #C79D18, #0068E4, #4A3800)
• Pale Coral Terrace color palette (#E9F8FF, #8EE9FF, #E98172, #00A9C5, #63221B)
• Lime Bloom color palette (#F4F4FF, #DDBBFF, #96D26A, #B289DA, #174C43)
• Softworn Meadow color palette (#F0F6FF, #E7D4E7, #F7B3AC, #6EB2F3, #46416A)
• Pale Clover color palette (#E1ECFF, #97B0FF, #FF7F6C, #00BB56, #242E4F)
• Frosted Corridor color palette (#F3F4FF, #FDC642, #A66EDF, #674E83, #18182D)

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