Muted Field color palette — #FAF3F8 · #ECD5D1 · #D6B2B1 · #5264AD · #4B3947
A conversation between Slate and Rosewood Mist, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#FAF3F8): a clean, paper-quiet neutral.
- Bone (#ECD5D1): A whisper-light, dusty orange — the color of toasted spice.
- Rosewood Mist (#D6B2B1): A luminous, dusty red — the color of late-summer berries.
- Slate (#5264AD): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal (#4B3947): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Creativity, Sophistication. Tagged scandi, muted, light.
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
- Nightshade Garden color palette (#F3ECF0, #D8C7CA, #BA9792, #4C4897, #352A31)
- Driftwood Boulevard color palette (#FBF3F2, #E0DAD2, #A2B0A8, #9E7388, #585050)
- Hushed Coast color palette (#FDF2F3, #E7CBC4, #CD9A7C, #8E2B7D, #3F2D2F)
- Tempered Iris color palette (#F2F5FC, #DED7E2, #C3A7A1, #8F9BF6, #384050)
- Tempered Pier color palette (#D6EDFF, #B79ED7, #AA6D77, #2E6958, #305342)
- Hushed Pine color palette (#FFF3E2, #9AAC64, #007E46, #75385C, #3C3B34)
- Worn Aubergine color palette (#F2E5E6, #B7A4A1, #AB6F46, #5A0F5C, #210C11)
- Byzantium Canyon color palette (#FAE3EB, #8D05E0, #4A122F, #270E19, #0F0507)
Browse the whole catalog at Explore, or see today's palette.