Moss Villa color palette — #DFE1C2 · #4AB413 · #0091C9 · #2B7600 · #002D42

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

The five colors

• Celadon Mist (#DFE1C2): A whisper-light, dusty green — the color of fresh herbs.
• Clover (#4AB413): A luminous, vivid green — the color of new leaves after rain.
• Cerulean (#0091C9): A luminous, balanced blue — the color of open sky before noon.
• Olive (#2B7600): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#002D42): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged vibrant.

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

• Feathered Moss color palette (#E6DFBA, #90A400, #0096B0, #5D6B00, #002F38)
• Washed Drift color palette (#D9E3C4, #00B56E, #1186F1, #007746, #002952)
• Hazy Emerald color palette (#D1ECD5, #00A243, #0089A0, #876200, #00270B)
• Bronze Garden color palette (#D1E5CA, #00B09E, #AA7E00, #007467, #362600)
• Muted Moss Corridor color palette (#DCFFEA, #00C2E6, #8BAA00, #00859F, #334100)
• Antique Moss Parlor color palette (#D8E2CC, #A4AE37, #006547, #003221, #080D03)
• Soft Corridor color palette (#DAFFDF, #96E4BF, #43CDB9, #5F8E52, #32352E)
• Airy Garden color palette (#BAF0BF, #4FC767, #008F35, #005518, #001B06)

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