Muted Field color palette — #FFF1F2 · #B17CA4 · #71884F · #20668A · #4E3538

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Dusty Rose (#B17CA4): A luminous, balanced pink — the color of peonies in June.
• Olive Leaf (#71884F): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#20668A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#4E3538): A deep, shadowed, dusty red — the color of embers at dusk.

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

• Petrol Bloom color palette (#FEF3EA, #B6835F, #77874C, #27668A, #423C37)
• Weathered Cypress color palette (#FFF1F2, #B47BA0, #9E7647, #007055, #4D3637)
• Muted Emerald color palette (#F5EFF9, #C07D9B, #619157, #006C70, #261F2C)
• Ancient Basin color palette (#FBF4E8, #C896B5, #9A6B48, #315A8F, #59413B)
• Jade Meadow color palette (#FFF1F0, #D794B2, #79AA75, #36888D, #483938)
• Antique Driftwood Terrace color palette (#FBF3F1, #DDDAD3, #9FB0AB, #AD6D74, #59504E)
• Crimson Grove color palette (#FFF2EE, #CC354E, #217B03, #005073, #461C20)
• Hushed Workshop color palette (#FBF3F3, #E2B2B5, #858039, #9B4B8B, #302E27)

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