Soft Courtyard color palette — #FAD7DE · #A8ADFF · #00CE77 · #1F5737 · #101405

Clover takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FAD7DE): A whisper-light, dusty red — the color of late-summer berries.
• Lavender (#A8ADFF): A luminous, balanced violet — the color of a velvet chair.
• Clover (#00CE77): A luminous, vivid teal — the color of glacier melt.
• Deep Olive (#1F5737): A full-bodied, dusty teal — the color of sea glass.
• Ink (#101405): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance. Tagged neon, dark, vibrant.

Use it as a design system

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

• Teal Studio color palette (#F5D9D5, #B3A8FF, #00C8BB, #005953, #0A1907)
• Moss Archive color palette (#FBDCED, #32C6FA, #52B600, #304E23, #1A1A05)
• Timeworn Mallow color palette (#F0E4D0, #FF91F1, #00CEE6, #3C5945, #152018)
• Tempered Atelier color palette (#F8D9DF, #FFAFDA, #97D100, #192700, #000504)
• Patina Balcony color palette (#FFDBD8, #DDD6FF, #57F3BD, #5D7738, #30342A)
• Teal Studio color palette (#EDF9ED, #C9DFDC, #A5C7C9, #00AEB1, #273828)
• Dusty Moss Coast color palette (#E8D8E9, #FFA098, #979700, #2B2B00, #191404)
• Hushed Harbor color palette (#EBE0CC, #FFB8CD, #7DD3FF, #496A5D, #212A26)

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