Muted Field color palette — #FDF4E7 · #FFE2A6 · #BBC9FB · #B89448 · #5A3A53
A conversation between Mustard and Peach Cream, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FDF4E7): a clean, paper-quiet neutral.
- Peach Cream (#FFE2A6): A whisper-light, balanced gold — the color of old brass.
- Lilac Frost (#BBC9FB): A whisper-light, dusty violet — the color of a velvet chair.
- Mustard (#B89448): A luminous, balanced gold — the color of old brass.
- Cocoa (#5A3A53): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Optimism, Creativity, Sophistication, Softness, Clarity. 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
- Wandering Jade Atelier color palette (#F5F6E9, #CEF2C3, #D8BFF2, #7CA86F, #5F3947)
- Hushed Amber Terrace color palette (#FFF3E8, #E9DBB8, #97D5F4, #C98959, #2D4E41)
- Tempered Honey Canyon color palette (#FDF4E3, #E0CB7F, #A5B9EE, #989DD3, #3B3831)
- Patina Bloom color palette (#F5F6EE, #E1DFCE, #8A8B43, #4A4900, #1C1C13)
- Ancient Bronze Boulevard color palette (#FBF4EA, #D8E1C6, #C1AB89, #A26D3A, #464100)
- Muted Grove color palette (#EDF9F0, #C7AD6C, #7A98D5, #8D6E00, #3C4E69)
- Hushed Chestnut color palette (#FDF4E6, #D6E6CD, #9ECADA, #D9B89C, #645000)
- Weathered Chartreuse Workshop color palette (#FCF6DA, #C4D42B, #97A7FF, #7C8600, #212564)
Browse the whole catalog at Explore, or see today's palette.