Muted Field color palette — #F0F5FF · #5167E3 · #515BB8 · #850058 · #20284C

Sapphire takes the lead with Mulberry close behind in a set that reads as creativity and calm at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sapphire (#5167E3): A full-bodied, vivid violet — the color of twilight just after sunset.
• Cobalt (#515BB8): A full-bodied, balanced violet — the color of a velvet chair.
• Mulberry (#850058): A full-bodied, vivid rose — the color of pressed rose petals.
• Midnight (#20284C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, 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

• Mulberry Garden color palette (#EBF7FF, #0082A7, #006AAF, #88004C, #003041)
• Indigo Parlor color palette (#F1F5FF, #7669DC, #5545AD, #7A002A, #003936)
• Powdered Sapphire Grove color palette (#F0F6FF, #446AE4, #7B4AAC, #763400, #192854)
• Softworn Grape Quarry color palette (#DDE3FF, #703CDA, #9E0069, #4B3A00, #230E4C)
• Airy Plum color palette (#ECF7FF, #0080B3, #AD2870, #514C00, #002F45)
• Wandering Nightshade Ridge color palette (#CAE1F9, #0367AE, #4B41A3, #690800, #001C35)
• Weathered Pier color palette (#F0F5FF, #6D7DB9, #8F5C8C, #6E4B00, #283347)
• Muted Nightshade color palette (#A2FFD9, #00B6CB, #0077B5, #2D00D7, #550070)

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