Muted Field color palette — #EDF8F6 · #E4B597 · #3A6B3F · #10413D · #1B282C

Pine and Sand set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF8F6): bright and airy, almost weightless.
• Sand (#E4B597): A luminous, dusty gold — the color of afternoon light on wheat.
• Pine (#3A6B3F): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#10413D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#1B282C): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Muted Orchard color palette (#EEF8F3, #A9CBA8, #646127, #253F33, #172727)
• Softworn Cypress Workshop color palette (#EDF7FA, #D4B4D4, #166A70, #143E4B, #21272D)
• Dusty Basin color palette (#EFF7F5, #B7C898, #3A84B9, #627637, #262F37)
• Sand Boulevard color palette (#ECF8F5, #EBCD90, #6D865E, #31554E, #242E2C)
• Tempered Delta color palette (#F5F6ED, #F5D9BA, #9FA278, #6E722A, #2B2C22)
• Tangerine Lantern color palette (#E3FAFD, #EF7D53, #005546, #002E25, #021623)
• Violet Atelier color palette (#ECF9EE, #AD8B43, #946BAE, #7F542C, #324235)
• Washed Ember color palette (#CFE2E6, #D16957, #003F3B, #001B19, #00060E)

Browse the whole catalog at Explore, or see today's palette.