Moss Courtyard color palette — #E7FBF0 · #D7CF81 · #B4B5FF · #B0A100 · #364162

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

The five colors

• Ivory (#E7FBF0): A whisper-light, dusty teal — the color of sea glass.
• Honey (#D7CF81): A whisper-light, balanced green — the color of a quiet forest floor.
• Lavender (#B4B5FF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#B0A100): A luminous, balanced green — the color of a quiet forest floor.
• Navy (#364162): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Amber Lantern color palette (#EEF9ED, #F6C07F, #8CC2FF, #D38E2B, #2A4462)
• Feathered Straw color palette (#FBF5E0, #D6DD73, #A5B6FD, #8C9039, #4B2C44)
• Gentle Mallow Summit color palette (#E2FCF6, #AEDC96, #E3A1F0, #7BB05D, #433D5E)
• Weathered Balcony color palette (#E6FBEF, #C3BA6E, #9B98F3, #8F8200, #3E3E61)
• Hazy Boulevard color palette (#E2FCF0, #C2C46F, #35C4FC, #E082B0, #263E34)
• Timeworn Stone Cabin color palette (#E6FBF0, #A4E8E6, #C4C3CD, #CBB182, #3D564E)
• Taupe Station color palette (#EAFAF1, #B0DCCB, #B7AE71, #9C8558, #29433D)
• Chartreuse Corridor color palette (#C2F0E3, #ACDD32, #B88DFF, #628200, #3B0A6B)

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