Muted Field color palette — #F6F6E8 · #9BBD77 · #AA89C1 · #657B4E · #60444D

Built around Sage, softened by Dusty Rose — the whole palette hums with nature and growth.

The five colors

• Ivory (#F6F6E8): bright and airy, almost weightless.
• Sage (#9BBD77): A luminous, balanced green — the color of a quiet forest floor.
• Dusty Rose (#AA89C1): A luminous, balanced violet — the color of wild irises.
• Olive (#657B4E): A full-bodied, dusty green — the color of new leaves after rain.
• Cocoa (#60444D): A full-bodied, dusty rose — the color of a warm blush.

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

• Olive Boulevard color palette (#F4F2E6, #AFBA84, #B78ABA, #6D7935, #48242C)
• Softworn Mint Courtyard color palette (#EFF9E7, #65C5A9, #C9818C, #3A816E, #65433B)
• Antique Marigold color palette (#FFF3E4, #D5A854, #7E99CC, #8B6D36, #5D435A)
• Washed Station color palette (#E6FBF4, #BACC9C, #C5A2D3, #81955C, #4C476C)
• Patina Cabin color palette (#F7F7DF, #7BA756, #987AB6, #8D678D, #43433C)
• Tempered Delta color palette (#FFF3E8, #CFB38E, #9D775C, #894B2C, #5A4400)
• Seafoam Canyon color palette (#F4F9D7, #A3D69E, #5F9264, #3B5C3A, #393A33)
• Muted Clover Atelier color palette (#F2FAD5, #29C258, #BE4D9E, #005F23, #582449)

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