Moss Villa color palette — #F3F3E4 · #85B044 · #007750 · #426000 · #040800

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

The five colors

• Cream (#F3F3E4): bright and airy, almost weightless.
• Moss (#85B044): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#007750): A full-bodied, balanced teal — the color of sea glass.
• Olive (#426000): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#040800): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Gentle Corridor color palette (#F1F3E9, #76C989, #00877B, #2A7640, #081105)
• Worn Orchard color palette (#E9FAF3, #93A347, #006C6D, #4B5600, #021C23)
• Timeworn Olive color palette (#F7F1E7, #C59839, #566F00, #6E4F00, #080600)
• Quiet Jade Dune color palette (#D4E8D8, #13BC7A, #00775E, #00433B, #001A19)
• Patina Teal color palette (#E5F3DB, #00AD8E, #006773, #005A48, #000405)
• Patina Cypress color palette (#F1F3EB, #CED9D0, #B2BBA8, #487046, #202216)
• Hazy Olive color palette (#E4E5D5, #398F00, #00503E, #164100, #010200)
• Washed Atelier color palette (#F9F5EB, #C8B464, #0090A4, #857000, #071E10)

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