Muted Field color palette — #E8FAF5 · #C5E0A5 · #8AD2F1 · #97B472 · #2D5268

A conversation between Sage and Celadon Mist, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E8FAF5): bright and airy, almost weightless.
• Celadon Mist (#C5E0A5): A whisper-light, balanced green — the color of fresh herbs.
• Sky (#8AD2F1): A whisper-light, balanced blue — the color of open sky before noon.
• Sage (#97B472): A luminous, balanced green — the color of a quiet forest floor.
• Peacock (#2D5268): A full-bodied, dusty blue — the color of open sky before noon.

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

• Ancient Quarry color palette (#EAFAED, #E8D2A4, #81DACB, #C2A463, #27555C)
• Muted Teal Alley color palette (#E8F9F8, #ACE5B9, #F2B992, #7CB98C, #654052)
• Hushed Powder color palette (#E4FBF7, #C1E7F5, #A8BADD, #91C1B4, #37524F)
• Washed Moss Terrace color palette (#F6F6E9, #CCE8C2, #D1C0FC, #7EA956, #5E394A)
• Worn Stone Studio color palette (#D6FFF8, #C7EEC4, #A1C999, #6A9368, #0C453F)
• Tempered Moss Drift color palette (#E7FAF4, #BDCC98, #C9A1D2, #83964D, #4D4869)
• Muted Taupe color palette (#EBF9F0, #E7D494, #F3B1C9, #BDA75E, #564560)
• Pale Mallow Alley color palette (#E5F9FF, #6DE1E2, #C0B0FE, #2AB3B5, #443C61)

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