Sky Courtyard color palette — #F9F4ED · #C6EBCF · #54C1E4 · #2CA090 · #103F58

Cyan and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Celadon Mist (#C6EBCF): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#54C1E4): A luminous, balanced blue — the color of deep harbor water.
• Fern (#2CA090): A luminous, balanced teal — the color of glacier melt.
• Navy (#103F58): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Aged Villa color palette (#FBF4E9, #C2EADF, #97B1E7, #3E98B7, #33365E)
• Patina Corridor color palette (#FFF2ED, #BFDDC6, #579EC8, #237E56, #2A3A5B)
• Washed Cabin color palette (#EAE3D8, #66ADBC, #0080A6, #005E58, #000A16)
• Worn Cerulean Lagoon color palette (#EBF5ED, #A9CEDD, #0089A9, #005C52, #042337)
• Taupe Hollow color palette (#F9F4EE, #C0E1E7, #A9D2B9, #93AA86, #305345)
• Periwinkle Canyon color palette (#FFF0F9, #EED2D1, #E9B09E, #7AA3D1, #583A4A)
• Soft Coral Hollow color palette (#FFD7F1, #9BA5FF, #F37F5B, #3DAD76, #3B2134)
• Tempered Iris Courtyard color palette (#D1E1ED, #7CBBFF, #6693F4, #5F6BBB, #3B3261)

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