Muted Field color palette — #FDF2F0 · #F3B3C1 · #92B76A · #6589B7 · #583742
Built around Sage, softened by Slate Blue — the whole palette hums with nature and growth.
The five colors
- Ivory (#FDF2F0): a clean, paper-quiet neutral.
- Ballet Pink (#F3B3C1): A whisper-light, dusty red — the color of a theater curtain.
- Sage (#92B76A): A luminous, balanced green — the color of fresh herbs.
- Slate Blue (#6589B7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#583742): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Trust, Stability, 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
- Aged Harbor color palette (#FFF1F1, #F9ACD4, #A0B45F, #5D8CB3, #214B41)
- Antique Drift color palette (#FDF3EB, #F7B78A, #4FBDBE, #8C7CB5, #5A3641)
- Ancient Sand Orchard color palette (#FCF3EB, #FBBD88, #9D9F5A, #696C64, #4F2E27)
- Muted Courtyard color palette (#FFF2EF, #E1DAC4, #CAC2A5, #AD9AA9, #634C56)
- Aged Powder Study color palette (#FBF3F0, #C4DFE6, #89D2F5, #71B19C, #5C4D5D)
- Timeworn Boulevard color palette (#FFF2EB, #FF9777, #00B384, #7D5DC8, #3D1E5A)
- Hushed Plum color palette (#F0E9C6, #A2B400, #2088FA, #B30087, #490018)
- Worn Boulevard color palette (#F6EFDE, #948100, #006D94, #7A0053, #15000B)
Browse the whole catalog at Explore, or see today's palette.