Muted Field color palette — #E2F2EB · #818A36 · #234240 · #12221C · #0A0E0A

Olive Leaf and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E2F2EB): a clean, paper-quiet neutral.
• Olive Leaf (#818A36): A luminous, balanced green — the color of new leaves after rain.
• Forest (#234240): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#12221C): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#0A0E0A): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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 Bronze color palette (#F7E9EE, #B37222, #254334, #261A1F, #100B0E)
• Patina Moss color palette (#F6F2E1, #9AA433, #535F17, #3B382D, #25211B)
• Hushed Lagoon color palette (#CEE6EA, #008877, #0B3647, #04191D, #020807)
• Lilac Bloom color palette (#E1F7F4, #7CAA7C, #AC75BC, #A85F6D, #112D2A)
• Forest Study color palette (#CFF0EC, #006721, #353840, #00201C, #000706)
• Lagoon Dune color palette (#E9F5F2, #A4CCCD, #43928C, #70596A, #203536)
• Wisteria Balcony color palette (#E7F5F4, #88C495, #C680BC, #408252, #342B47)
• Hushed Turquoise Orchard color palette (#F6F0F4, #D3D2EC, #5BA7C9, #317A65, #2A3746)

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