Moss Courtyard color palette — #F3F4FF · #D3AFFF · #9C9000 · #00858D · #00383C

Moss and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#D3AFFF): A luminous, balanced violet — the color of a velvet chair.
• Moss (#9C9000): A luminous, balanced green — the color of fresh herbs.
• Teal (#00858D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#00383C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Moss Courtyard 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

• Pine Basin color palette (#F2F5FF, #B6A9FF, #A39E00, #108C42, #003C17)
• Emerald Corridor color palette (#F8F2FF, #FF9ED7, #00A961, #008686, #003838)
• Timeworn Veranda color palette (#EEF6FF, #7FBBFF, #EA7118, #008C56, #003B22)
• Softworn Lantern color palette (#F6F1FF, #FBB5CF, #D3A46E, #52949B, #2E5563)
• Worn Fuchsia Terrace color palette (#E6DBF9, #FF69E2, #00914F, #00716C, #002524)
• Dusty Blush Chapel color palette (#FDF1FE, #FF9EAA, #50B2AB, #2E89A1, #0F3D51)
• Softworn Ultramarine color palette (#FBDCFB, #FF7682, #00A08C, #185ED3, #001E59)
• Jade Boulevard color palette (#FFF0FC, #A6F4FE, #4FC3FF, #1EAA6F, #2C3F65)

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