Sky Courtyard color palette — #F9F3F8 · #CCDAF2 · #08B6EC · #35804F · #182F4B

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

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Powder Blue (#CCDAF2): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#08B6EC): A luminous, balanced blue — the color of open sky before noon.
• Fern (#35804F): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#182F4B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. 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 Periwinkle color palette (#FBF2F5, #D9D4DE, #8AA1F0, #007F7F, #292B48)
• Misty Cornflower Coast color palette (#FCF2F6, #C4EDFF, #3991FC, #006B5D, #1B1643)
• Lagoon Boulevard color palette (#F9F4ED, #C5ECCB, #64C0D9, #389F8A, #184434)
• Worn Cerulean Bloom color palette (#E7F6F3, #A5CFDE, #388996, #005C57, #00252F)
• Patina Pier color palette (#EEE1EB, #6CAEB8, #005B83, #002D1A, #00000C)
• Aged Glacier color palette (#F8F3F8, #D3D5E5, #8BD8F6, #769D7B, #3F4F61)
• Wisteria Terrace color palette (#E0FCFB, #6EE9AE, #B974E7, #008C5C, #341A45)
• Chalky Lantern color palette (#F8EAF0, #79C1E7, #0157E5, #003E39, #030011)

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