Muted Field color palette — #F0F5FF · #9DADE4 · #9D9C67 · #616FA5 · #2F5646
Built around Slate, softened by Mauve — the whole palette hums with nature and growth.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Mauve (#9DADE4): A luminous, balanced violet — the color of twilight just after sunset.
- Moss (#9D9C67): A luminous, dusty green — the color of fresh herbs.
- Slate (#616FA5): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal Brown (#2F5646): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Creativity, Calm, Sophistication. Tagged muted, cool.
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
- Pewter Ridge color palette (#F6F3FF, #C9A0C6, #83A477, #925C8F, #2F554F)
- Softworn Taupe color palette (#EFF6FF, #9AB0DB, #BC8E5D, #5B72A2, #673F4E)
- Iris Market color palette (#F2F5FF, #948FCF, #968A52, #517F51, #3C4253)
- Cerulean Veranda color palette (#F1F5FF, #DFD8E1, #C4AB9F, #6C8CA7, #505161)
- Hushed Indigo color palette (#FCEDF6, #ABAFDF, #CD8687, #6566BB, #4D2224)
- Washed Iris Veranda color palette (#F1F5FF, #B8C0F4, #E29B9E, #7982DD, #5D425E)
- Worn Thicket color palette (#FEF1F8, #D2CEFF, #F3BB75, #A59EE4, #514C46)
- Pewter Loft color palette (#F4F4FE, #B3C99D, #67547B, #36364C, #28212B)
Browse the whole catalog at Explore, or see today's palette.