Muted Moss Field color palette — #FFF3E7 · #CDBA74 · #7C912E · #5166A1 · #453A0A

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Sand (#CDBA74): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#7C912E): A luminous, balanced green — the color of fresh herbs.
• Slate (#5166A1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Olive (#453A0A): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Muted Moss 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

• Emerald Ridge color palette (#FCF4E4, #AEC588, #3B9C5B, #7357A4, #31410A)
• Weathered Sunflower Lagoon color palette (#FFF1F5, #F1D962, #839D4F, #5B689A, #372E00)
• Aged Moss Orchard color palette (#F9E8D5, #B9AC62, #6C9018, #4E3F9B, #352E00)
• Lagoon Lagoon color palette (#FAF5E6, #A3C792, #369B70, #007784, #29431B)
• Tempered Cocoa color palette (#F9F4EE, #DBD0B3, #8FA37B, #947187, #5F4A00)
• Faded Olive color palette (#E6FBF0, #A0AB52, #577500, #005E54, #1B4336)
• Pine Grove color palette (#F5EEE0, #829E58, #00743C, #503279, #131F00)
• Byzantium Harbor color palette (#FFF1F5, #DAA6FF, #8EA800, #9500D4, #354000)

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