Moss Courtyard color palette — #EFF7F5 · #D0DFE3 · #C2C2CC · #73965A · #25312F

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

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#D0DFE3): a clean, paper-quiet neutral.
• Stone (#C2C2CC): a calm mid-gray that lets other colors speak.
• Moss (#73965A): A luminous, balanced green — the color of new leaves after rain.
• Deep Forest (#25312F): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Hushed Canyon color palette (#EBF8F9, #CFDFED, #AAC1E8, #00937B, #062A2E)
• Patina Teal color palette (#EFF7F7, #D2DCE2, #ADA8BC, #75AD87, #364241)
• Patina Emerald Lagoon color palette (#E7FBF3, #C2D9AC, #629B56, #5E693A, #0F2E28)
• Abyss Terrace color palette (#DBE5E9, #ADBEC5, #7597AA, #004547, #000102)
• Antique Pier color palette (#EFF7F4, #D0DBE1, #A4B7BD, #5C6B2D, #2D3F39)
• Hushed Turquoise color palette (#DDFCFF, #B5E1EB, #6AAFBA, #546586, #3B3F55)
• Patina Ridge color palette (#E3FCF3, #7FCB8F, #009476, #005586, #002828)
• Faded Celadon Archive color palette (#E1FCF9, #81FFA9, #A8E6E7, #00C9A4, #002828)

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