Moss Courtyard color palette — #FFF3E2 · #FFA2A1 · #B09F00 · #008769 · #313029

Built around Mustard, softened by Rose Quartz — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Rose Quartz (#FFA2A1): A luminous, balanced orange — the color of autumn markets.
• Mustard (#B09F00): A luminous, balanced green — the color of new leaves after rain.
• Fern (#008769): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#313029): a grounded near-black with real depth.

Feels like: Nature, Growth, Balance. Tagged candy, vibrant, 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

• Antique Clover color palette (#F9F7DA, #FFA36F, #86BB59, #00818E, #2F312A)
• Aged Amber color palette (#FFF3E9, #FFA3BE, #E1813B, #35924E, #3A2B00)
• Ancient Archive color palette (#F8F6E3, #FFCCB6, #B1C467, #009D94, #3E3F38)
• Olive Basin color palette (#E5F7EB, #F9AD6E, #C4A700, #308E00, #1C1A00)
• Tempered Olive color palette (#EFE4D1, #A3A53D, #4E7B04, #005C37, #00453C)
• Worn Market color palette (#FFDACB, #B59E78, #617B3A, #684764, #5C393E)
• Powdered Sapphire color palette (#E6FADF, #A1B937, #00A085, #006AC1, #002E34)
• Linen Clover color palette (#FDF4E4, #FFC289, #E3BA00, #54B711, #2F3300)

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