Muted Field color palette — #FDF3EB · #AF5E2C · #006763 · #244280 · #3A2221
A conversation between Ochre and Navy, giving this palette its sense of optimism and balance.
The five colors
- Ivory (#FDF3EB): a clean, paper-quiet neutral.
- Ochre (#AF5E2C): A full-bodied, balanced orange — the color of autumn markets.
- Pine (#006763): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#244280): A deep, shadowed, balanced violet — the color of a velvet chair.
- Espresso (#3A2221): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Optimism, Balance. Tagged jewel, vibrant, 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
- Worn Rust Studio color palette (#FFF2EE, #C15A63, #006A45, #004967, #362025)
- Feathered Aubergine color palette (#FCF4E9, #956C00, #006989, #513179, #3C261D)
- Weathered Amber color palette (#FDF4E7, #B17E00, #007559, #1A4783, #4F2A3F)
- Antique Bronze color palette (#FBF0E4, #B75D00, #006A83, #004354, #1C0D12)
- Dusty Studio color palette (#FFEBD1, #7F5000, #004D59, #35007B, #32060E)
- Patina Olive color palette (#FFF4E2, #BC8E4F, #6B7000, #005281, #403D36)
- Weathered Coral color palette (#FFF0FD, #E1765D, #5A7FC6, #3D588A, #1C2739)
- Softworn Bronze Loft color palette (#F9F4EF, #DBDCD2, #BDC5AD, #936B41, #4D4640)
Browse the whole catalog at Explore, or see today's palette.