Moss Courtyard color palette — #F1EEE8 · #CDD6CA · #A9C0AF · #A2933A · #342D1E

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

The five colors

• Cream (#F1EEE8): a clean, paper-quiet neutral.
• Oat (#CDD6CA): bright and airy, almost weightless.
• Stone (#A9C0AF): A luminous, dusty teal — the color of sea glass.
• Moss (#A2933A): A luminous, balanced green — the color of new leaves after rain.
• Espresso (#342D1E): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Antique Olive Atelier color palette (#E7E7E0, #B5C6B7, #8DB1A1, #758A34, #22200E)
• Softworn Moss color palette (#EFE3D3, #C3BE6E, #71A13F, #8B7048, #322807)
• Softworn Taupe color palette (#F5F6EF, #D5DDD7, #A3ADC1, #9BB587, #484840)
• Wandering Balcony color palette (#F4E3C8, #A3BD8F, #62A399, #99627C, #55292E)
• Worn Fern Grove color palette (#E2ECE7, #BFD0CA, #8EAAA7, #5E5700, #061B11)
• Dusty Jade color palette (#F3F7EB, #C9E0D7, #A2CFF5, #00B567, #2D3800)
• Washed Moss Meadow color palette (#E7E6C9, #679E00, #046348, #303029, #070400)
• Weathered Emerald color palette (#F5D8BE, #C5AA00, #1AAB66, #833B91, #212800)

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