Muted Field color palette — #F5F7E8 · #77CD69 · #517FCC · #3A852E · #20131F

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

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Lime (#77CD69): A luminous, balanced green — the color of a quiet forest floor.
• Azure (#517FCC): A full-bodied, balanced violet — the color of wild irises.
• Olive Leaf (#3A852E): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#20131F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Indigo Veranda color palette (#F0F8E9, #45CFAA, #7D70CE, #008569, #24111C)
• Pale Lime color palette (#F7F6E6, #A0C457, #00919E, #607E00, #0E1C12)
• Worn Pine Boulevard color palette (#EDF8F7, #97E5AC, #009CAB, #008E47, #00070B)
• Hushed Denim color palette (#F6F6EA, #7DA954, #1A5DA9, #365C00, #211222)
• Moss Terrace color palette (#EEF8F5, #B1D897, #4BABEC, #62AD09, #041A2B)
• Amethyst Meadow color palette (#E7F8E1, #00C5B3, #863CFF, #007A6E, #14072E)
• Sunlit Summit color palette (#E0E5D4, #00AF54, #2954C9, #00642D, #0A0009)
• Dusty Meadow color palette (#EFF9E8, #00A67F, #8B5199, #643B6E, #2A1A03)

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