Muted Field color palette — #F9DAF3 · #EFB403 · #5176E4 · #344A86 · #1C0519

Built around Sapphire, softened by Saffron — the whole palette hums with optimism and creativity.

The five colors

• Thistle (#F9DAF3): A whisper-light, dusty pink — the color of neon signs at night.
• Saffron (#EFB403): A luminous, vivid gold — the color of honey in a jar.
• Sapphire (#5176E4): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#344A86): A full-bodied, balanced violet — the color of wild irises.
• Ink (#1C0519): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Creativity, Balance. Tagged luxury, dark.

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

• Gentle Violet color palette (#FDD9E8, #EFB403, #915CDE, #583A87, #1C0711)
• Cobalt Coast color palette (#CDEDE4, #EFB403, #0082DB, #115085, #00140F)
• Tempered Orchard color palette (#F5DBF1, #D0A500, #2550BD, #152A5D, #1C051A)
• Honey Market color palette (#FDE8EC, #EDC262, #A374AA, #68496D, #221014)
• Ultramarine Delta color palette (#F0F6FF, #EBBD39, #2B4CB6, #08174D, #000106)
• Plum Summit color palette (#FCE0E3, #D09C00, #9C3990, #50274A, #090001)
• Washed Sand color palette (#FDF1F9, #F8DA9D, #959BC6, #7C6574, #31282E)
• Antique Lagoon color palette (#FDF2F6, #F5D3CA, #E2B8A3, #AB7EE8, #3E2E34)

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