Sky Harbor color palette — #F4F7EA · #A9E3FF · #30B6FC · #0094AD · #003559

A conversation between Cornflower and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Powder Blue (#A9E3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#30B6FC): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0094AD): A luminous, balanced blue — the color of open sky before noon.
• Navy (#003559): A deep, shadowed, balanced blue — the color of open sky before noon.

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

Use it as a design system

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

• Linen Turquoise color palette (#F5F7E8, #68F1F9, #00C0D5, #00988F, #003A46)
• Ancient Azure Garden color palette (#ECF0E2, #85C9F1, #019AEA, #007994, #00203F)
• Azure Terrace color palette (#F4F6F0, #BAECF3, #8EC1FF, #49A3CE, #583D55)
• Cobalt Parlor color palette (#FFEEE3, #72C7EF, #3670C5, #005249, #1A0946)
• Hushed Cerulean Boulevard color palette (#E1E2D2, #50C4C5, #00949F, #006E62, #00181C)
• Soft Dune color palette (#F8DBEC, #AAABFF, #00C0B4, #7B6EFF, #003632)
• Powdered Fuchsia color palette (#E9DBEB, #E863F9, #FF5D4D, #318AFE, #38103D)
• Linen Amethyst color palette (#DBE4FE, #99A7FF, #8F7FFF, #7C3CFD, #3A1966)

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