Moss Courtyard color palette — #F6F6E7 · #ABDD8C · #C5AEFF · #78B151 · #463B5F

Jade and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F6E7): a clean, paper-quiet neutral.
• Pistachio (#ABDD8C): A whisper-light, balanced green — the color of fresh herbs.
• Lavender (#C5AEFF): A luminous, balanced violet — the color of wild irises.
• Jade (#78B151): A luminous, balanced green — the color of new leaves after rain.
• Navy (#463B5F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged light.

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

• Faded Celadon color palette (#F8F7DE, #BEE47F, #CFA6F9, #799648, #4F2B39)
• Muted Olive color palette (#E8FAF4, #A6C475, #BC97F4, #638704, #483A5E)
• Misty Jade color palette (#F2F8E8, #89E2AF, #FFA8E5, #36AC72, #59344E)
• Pale Moss Pier color palette (#F7F6E5, #BED791, #75C7FF, #8FAB58, #1D4C3F)
• Pale Wisteria color palette (#FBF6DA, #C8E277, #F195B5, #CC7DCC, #393831)
• Antique Chartreuse Meadow color palette (#FFE9E9, #E0C0FF, #9DE000, #5F5F57, #29281C)
• Chalky Iris Alley color palette (#DFF8F3, #87B275, #8384CF, #467232, #232149)
• Seafoam Veranda color palette (#EAFCDB, #3FFACD, #FF92A3, #009A7B, #5F242F)

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