Soft Courtyard color palette — #FAF2F9 · #A2E9F3 · #3CA6DE · #008757 · #243C75

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

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Sea Foam (#A2E9F3): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#3CA6DE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#008757): A full-bodied, balanced teal — the color of sea glass.
• Navy (#243C75): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.

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

• Worn Azure color palette (#FFF0FC, #8BD8EC, #0093E4, #007558, #222A6A)
• Patina Iris Ridge color palette (#FFF1F5, #BFDEFF, #8993E9, #008189, #4E2E6B)
• Misty Aqua Drift color palette (#EBFAEE, #A1F5FF, #31C9F1, #00A795, #044563)
• Lagoon Villa color palette (#F9F3F7, #D8DFEF, #98B4D4, #4C9684, #47526E)
• Weathered Cerulean Lagoon color palette (#F0F5FF, #FBD2E8, #F5BA9D, #0099BF, #4F3C6B)
• Ultramarine Parlor color palette (#E9DDE2, #6A99B3, #2152AE, #003C37, #0B0026)
• Linen Indigo Terrace color palette (#EFE4E8, #94B6D1, #4E6DCC, #005957, #250E48)
• Feathered Alley color palette (#E5EAFF, #B29EFF, #969934, #A17200, #322852)

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