Muted Field color palette — #EFF8F1 · #D5D6E6 · #84C4E9 · #4D8F8E · #2C4157

Sky and Storm Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF8F1): a clean, paper-quiet neutral.
• Silver (#D5D6E6): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#84C4E9): A luminous, balanced blue — the color of open sky before noon.
• Storm Blue (#4D8F8E): A luminous, dusty teal — the color of sea glass.
• Navy (#2C4157): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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

• Periwinkle Harbor color palette (#EDF9EF, #D9D6E2, #7CAADD, #217B8B, #202D4E)
• Dusty Cypress color palette (#F5F6EF, #C8E4D4, #5493AF, #006F7A, #204D66)
• Antique Ash color palette (#F2F5FF, #E0D7E1, #AFB0A4, #93A1C9, #414155)
• Linen Coast color palette (#F2F5FF, #BBADFF, #EB9059, #51A48A, #252A3E)
• Ancient Petrol color palette (#E6F2E8, #5EC4F3, #006BAD, #003D43, #00020F)
• Cobalt Veranda color palette (#ECF9EE, #A1D1FF, #4B76CF, #004E63, #080132)
• Muted Periwinkle color palette (#EEF6FF, #DED6F6, #8F9EF6, #7065A2, #353658)
• Aged Turquoise color palette (#DDE8DF, #4CB3BD, #005F73, #002C25, #000103)

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