Moss Villa color palette — #F0F0DA · #9DD07C · #C3AAFF · #5C9A26 · #3A2B59

Built around Olive Leaf, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Cream (#F0F0DA): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#9DD07C): A luminous, balanced green — the color of fresh herbs.
• Lavender (#C3AAFF): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#5C9A26): A luminous, balanced green — the color of a quiet forest floor.
• Royal Purple (#3A2B59): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Faded Villa color palette (#EFF1D9, #A4E892, #EE83E7, #3C941C, #472945)
• Sunlit Mallow color palette (#F4F7E7, #9FDEAA, #E9A0E9, #62B474, #543654)
• Muted Chartreuse color palette (#F9F7D9, #B0E24A, #B27CDE, #648323, #311E3F)
• Pale Wisteria color palette (#D9F6ED, #94B65B, #BD7BEA, #577700, #422854)
• Linen Mustard color palette (#F8EDDC, #E9B636, #A6A5FF, #B68900, #313056)
• Frosted Blush Bloom color palette (#E8F2E1, #58F0C9, #E96BA1, #00A989, #542237)
• Tempered Fuchsia Delta color palette (#ECE5C8, #AFB81E, #E575D0, #D16B84, #332B0B)
• Clover Loft color palette (#FEE7FA, #FFADB6, #6DB800, #54544D, #191910)

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