Moss Villa color palette — #FFF1F6 · #C6A1FF · #5D942C · #497522 · #2F0E1E

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#C6A1FF): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#5D942C): A luminous, balanced green — the color of fresh herbs.
• Olive (#497522): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#2F0E1E): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Airy Moss color palette (#FFF0FD, #93B5FF, #8D8600, #6F6A00, #281226)
• Airy Fuchsia color palette (#FFF1F4, #D26EE8, #32A06D, #20704B, #250C13)
• Chalky Fuchsia Chapel color palette (#FFF1F1, #FE80C8, #55B19B, #348270, #351D1D)
• Hazy Fuchsia Archive color palette (#FFF1F2, #FF70D8, #00956B, #005F52, #00272D)
• Aged Station color palette (#FFF0F9, #9E84FF, #008A7E, #00655C, #021200)
• Muted Hollow color palette (#E1FFDC, #D2AAFF, #DD4D54, #00656B, #3A1B34)
• Cobalt Cabin color palette (#D9FBF0, #0082CB, #517900, #00573D, #001527)
• Hushed Shell Corridor color palette (#FFF2EE, #FFA8AA, #6EBCCB, #508D98, #3C2E2A)

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