Airy Sky color palette — #FEF2ED · #ABF2FF · #5DC1FF · #3DA77B · #303E63

A conversation between Sky and Jade, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FEF2ED): a clean, paper-quiet neutral.
• Sea Foam (#ABF2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#5DC1FF): A luminous, balanced blue — the color of open sky before noon.
• Jade (#3DA77B): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#303E63): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Airy Sky 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 Powder color palette (#FDF3EB, #BDEDD8, #8BB3F4, #489C91, #4D3040)
• Hazy Dune color palette (#F8ECE4, #98E0F6, #4BAAFE, #009477, #252854)
• Wandering Powder color palette (#FBF3EE, #C4E0EC, #AAC9F1, #93AA88, #624A59)
• Cobalt Studio color palette (#F9ECE1, #65A9D1, #476FCA, #005E58, #0C0025)
• Frosted Atelier color palette (#F5E5D6, #81C8FF, #748BE5, #007D7D, #25153B)
• Muted Cerulean Workshop color palette (#F8EEF6, #99DDEA, #008EC1, #006452, #00244D)
• Aged Taupe color palette (#F4FACD, #C6FFFA, #C5DCFF, #B6AC5F, #3D4D2E)
• Seafoam Workshop color palette (#DAFFF0, #2BF5C2, #00C69A, #009175, #003020)

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