Moss Villa color palette — #FFF1F5 · #E9D6CC · #FFBE83 · #74AC00 · #241B00

Clover and Cantaloupe set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Bone (#E9D6CC): A whisper-light, dusty orange — the color of autumn markets.
• Cantaloupe (#FFBE83): A whisper-light, balanced gold — the color of honey in a jar.
• Clover (#74AC00): A luminous, vivid green — the color of new leaves after rain.
• Onyx (#241B00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Sunlit Pier color palette (#DDFFE7, #E0DDD0, #F2C200, #4AC400, #1D1B00)
• Hazy Mustard Summit color palette (#FFF3E5, #FFC8A6, #D5C961, #C3A400, #3D2700)
• Ancient Amber Lagoon color palette (#FEF0FF, #F1D1D8, #F2B895, #CF8F00, #250800)
• Mustard Grove color palette (#FFE5CD, #E1AE00, #978600, #3B5400, #002C06)
• Chalky Terrace color palette (#DBFFEE, #FFD9BC, #CFC600, #00A993, #061300)
• Frosted Emerald Grove color palette (#FFEFDD, #FFA0C7, #D78A00, #24920E, #150F00)
• Worn Boulevard color palette (#E8FBEE, #B2D25A, #00983D, #803F5E, #1A2200)
• Frosted Lime Pier color palette (#DAFEF8, #FDBF4B, #88C000, #008A93, #000301)

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