Muted Field color palette — #FAF4F0 · #C1E1ED · #7FC3F4 · #2B9487 · #4E364C

Built around Sky, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Powder Blue (#C1E1ED): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#7FC3F4): A luminous, balanced blue — the color of deep harbor water.
• Fern (#2B9487): A luminous, balanced teal — the color of sea glass.
• Charcoal (#4E364C): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Softworn Orchard color palette (#ECF8F7, #D0DDF5, #75CAEE, #4FA7B2, #2D4B61)
• Aged Lantern color palette (#FFF2EC, #D4D8EA, #2ABBFF, #008A75, #19355C)
• Aqua Summit color palette (#FAF4F0, #BBE7EB, #51CEE5, #4A9466, #21483A)
• Antique Atelier color palette (#F7EFF4, #BDE3F6, #6692B9, #276C57, #1D2B49)
• Tempered Ash Villa color palette (#FFF1F1, #E2D7D1, #BDA2D8, #A2B1AE, #5D423C)
• Hushed Mint color palette (#FFF1F2, #E8A0D2, #58C47C, #18A6A7, #3E2224)
• Hushed Denim color palette (#EEE4DF, #69AFB5, #005E77, #002D1F, #000104)
• Aged Courtyard color palette (#F8EBE2, #7EC1E0, #0069B8, #003E3D, #010014)

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