Sky Courtyard color palette — #FDF3EE · #AFF2FA · #4DC3FF · #33A971 · #293F69

Sky takes the lead with Kelly Green close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Sea Foam (#AFF2FA): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#4DC3FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Kelly Green (#33A971): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#293F69): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Airy Thicket color palette (#FFF3E8, #C8EAFF, #91B5FF, #00A69D, #42356B)
• Antique Aqua color palette (#FDF3F0, #C6EBDF, #68CDEA, #7BA578, #255147)
• Powdered Meadow color palette (#F7ECE6, #A1DEEF, #3CACFF, #009473, #242A4E)
• Chalky Loft color palette (#F6EEE7, #88C8F5, #688AF6, #007D7B, #241440)
• Muted Sapphire color palette (#F2E5DA, #6EA8CA, #3F6DD4, #005E58, #0C0026)
• Sunlit Cerulean Meadow color palette (#FAEEF7, #93DEE9, #008FBB, #00644E, #002648)
• Chalky Seafoam color palette (#DCFFEA, #60F1AB, #00C5A1, #008F6A, #00321F)
• Clover Courtyard color palette (#E6E3D6, #A3CF37, #00C646, #008D69, #004A48)

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