Emerald Courtyard color palette — #EBF8F7 · #A7D0B1 · #D59DC3 · #4EA068 · #634058

Built around Fern, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#EBF8F7): a clean, paper-quiet neutral.
• Pistachio (#A7D0B1): A luminous, dusty teal — the color of sea glass.
• Mauve (#D59DC3): A luminous, balanced pink — the color of a candy shop window.
• Fern (#4EA068): A luminous, balanced teal — the color of glacier melt.
• Cocoa (#634058): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Emerald 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

• Washed Moss color palette (#EBF9F5, #B6CD9E, #ACA8EC, #739B3E, #414B6E)
• Muted Canyon color palette (#E8F8FF, #94D0DA, #E498A9, #0C9EB0, #5A4460)
• Celadon Alley color palette (#F3F7E9, #B5F8CB, #EBB9E3, #6BAA82, #5C3C40)
• Hushed Taupe Bloom color palette (#EAF9F8, #CFE0ED, #C3B7D5, #9EAA78, #395457)
• Tempered Amber color palette (#F5F7E9, #94BC92, #D57F57, #52804F, #524B47)
• Hushed Cabin color palette (#EEF8EF, #B9D1C4, #84A589, #916B52, #324E46)
• Hushed Coral color palette (#E4FAFE, #7DC0B8, #9E9FD4, #D2707D, #2D474D)
• Muted Abyss color palette (#ECF7FC, #E7C6DA, #4C898E, #0C585D, #212E32)

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