Moss Villa color palette — #D9E6DE · #AF9B00 · #008866 · #766800 · #000202

Mustard and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#D9E6DE): bright and airy, almost weightless.
• Mustard (#AF9B00): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#008866): A full-bodied, balanced teal — the color of sea glass.
• Olive (#766800): A full-bodied, balanced green — the color of fresh herbs.
• Black (#000202): a grounded near-black with real depth.

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

• Pale Olive color palette (#D9EADC, #C58F00, #2C8A00, #856000, #000200)
• Moss Villa color palette (#D8EDE8, #6FAF26, #008294, #467700, #000203)
• Airy Aubergine Market color palette (#D5F2DB, #6B9A00, #007B5C, #5A05A7, #011001)
• Bronze Meadow color palette (#E5F3E6, #AB7900, #006058, #5C3F00, #000203)
• Tempered Aubergine color palette (#D4F6E4, #7D7600, #0062A4, #74007F, #060003)
• Hushed Garden color palette (#C7E8E2, #B3B500, #08C234, #00968D, #000D05)
• Weathered Olive Garden color palette (#E9E5D6, #696E00, #004226, #2A2C00, #010100)
• Dusty Loft color palette (#DBE6E2, #99B7BF, #74A1B5, #677C00, #051812)

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