Muted Field color palette — #D9E7F5 · #72A9FF · #5F74D9 · #565598 · #3B2F52

A conversation between Periwinkle and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Frost (#D9E7F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#72A9FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Periwinkle (#5F74D9): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#565598): A full-bodied, balanced violet — the color of wild irises.
• Navy (#3B2F52): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, 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

• Faded Summit color palette (#DCF0FC, #619FE4, #4664C1, #4F3D88, #442C56)
• Gentle Sky color palette (#D5EEF4, #00B9EA, #008BCA, #3165A0, #253659)
• Violet Dune color palette (#DADEF1, #AA9EFF, #9B6BCE, #7C4C8C, #482847)
• Nightshade Meadow color palette (#EFF6FF, #A5C1FF, #6E85ED, #4443B1, #302959)
• Feathered Ultramarine color palette (#E7EEFF, #A8B2FF, #A49700, #5256B1, #3C3700)
• Pale Coast color palette (#D0E0F5, #607AFF, #5E3FD7, #49228A, #280642)
• Dusty Veranda color palette (#F1F5FF, #EED6FF, #F0B0D9, #758EB9, #393C53)
• Tempered Balcony color palette (#F2F3FF, #E1B4FC, #C48BC2, #986A8B, #554760)

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