Moss Courtyard color palette — #FFF4E0 · #FFA57D · #799200 · #3D519E · #392200

Olive Leaf and Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
• Melon (#FFA57D): A luminous, balanced orange — the color of autumn markets.
• Olive Leaf (#799200): A luminous, balanced green — the color of new leaves after rain.
• Indigo (#3D519E): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#392200): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

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

• Misty Pier color palette (#FBF8C9, #FF9FB0, #A97E00, #005D90, #45180B)
• Mustard Ridge color palette (#FFF3E9, #F9AF12, #04A257, #653D99, #2C2900)
• Dusty Honey color palette (#FFF2EA, #E8C96E, #4FA585, #725685, #33322B)
• Muted Tangerine Quarry color palette (#FFF3E5, #EF8008, #487B00, #353579, #1A1100)
• Sunlit Nightshade Courtyard color palette (#E5FDE5, #CE6E37, #686300, #42299C, #4C2E00)
• Mustard Alley color palette (#DDFFE7, #F1B542, #AE9F27, #008F75, #443300)
• Ancient Amber Boulevard color palette (#FFF0D3, #B98700, #6B6400, #00493D, #241B00)
• Olive Study color palette (#FFE1D8, #807A00, #004E45, #2E003B, #000200)

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