Muted Field color palette — #FDF0FC · #A9E0BA · #7AB8D6 · #A07F9E · #304D52

A conversation between Cyan and Mint, giving this palette its sense of nature and growth.

The five colors

• Blush (#FDF0FC): A whisper-light, dusty pink — the color of peonies in June.
• Mint (#A9E0BA): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#7AB8D6): A luminous, dusty blue — the color of deep harbor water.
• Heather (#A07F9E): A luminous, dusty pink — the color of a candy shop window.
• Charcoal (#304D52): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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

• Pewter Harbor color palette (#EBFAEE, #ACECDB, #70ADBD, #9C597F, #22454D)
• Powder Bloom color palette (#E9FBEB, #9BDFDC, #9CADDC, #A3875C, #324C5A)
• Weathered Orchard color palette (#E5F5FA, #5ACBCA, #6D7E8C, #4A575B, #1B2323)
• Patina Driftwood color palette (#E9F9F9, #97D7BC, #CE96B0, #B17472, #54384D)
• Dusty Taupe Boulevard color palette (#DFFDF3, #C7DEEE, #AEC5D8, #92AB96, #425646)
• Tempered Aqua color palette (#DEF6DD, #32D3CD, #7995D8, #9E6706, #0F3546)
• Timeworn Cerulean Garden color palette (#FEEEE8, #80BC91, #1F83A9, #704443, #253020)
• Pale Studio color palette (#DEE1D0, #0099B3, #6D49C9, #464D00, #000C19)

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