Moss Courtyard color palette — #EAF9F1 · #D9CF77 · #FF9CB1 · #AFA120 · #4F3955

Mustard takes the lead with Ballet Pink close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EAF9F1): a clean, paper-quiet neutral.
• Honey (#D9CF77): A whisper-light, balanced green — the color of new leaves after rain.
• Ballet Pink (#FF9CB1): A luminous, balanced red — the color of late-summer berries.
• Mustard (#AFA120): A luminous, balanced green — the color of fresh herbs.
• Charcoal (#4F3955): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, 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

• Pale Meadow color palette (#FFF1F5, #F4C188, #F696E9, #D78C1D, #573552)
• Frosted Straw color palette (#FCF5E0, #DDDA7B, #B6AFFF, #908E46, #373259)
• Airy Wisteria Pier color palette (#E6FBEE, #C8B86E, #BC8BEA, #948000, #4B395C)
• Aqua Loft color palette (#DDFEF3, #B2CA6D, #00CFC3, #DA9260, #203F36)
• Faded Amber color palette (#FFF1F6, #FFBB84, #6ED69F, #D88A43, #234C36)
• Softworn Celadon color palette (#E1FCF3, #AAF4C0, #BCE6EF, #B1B179, #3F5550)
• Aged Summit color palette (#E9FAF1, #ADDDCA, #B5B15F, #94885A, #2B433C)
• Powdered Moss color palette (#E8FAF6, #AFDB97, #5ACCFF, #74B24D, #1A485D)

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