Sky Harbor color palette — #F4F7EA · #A7E4FF · #28B7FB · #0094AC · #003658

Cornflower and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Powder Blue (#A7E4FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#28B7FB): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0094AC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Navy (#003658): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Softworn Delta color palette (#F6F7E2, #7CEFF4, #00C0D4, #00998D, #003A45)
• Aged Cornflower Harbor color palette (#FEF3EB, #7CD9FD, #0091ED, #00736E, #212E61)
• Hushed Powder color palette (#F4F6F0, #C0E7EC, #8DC1FF, #58A2C6, #553F53)
• Timeworn Periwinkle color palette (#DBEDEB, #00BDB4, #4B9CFF, #7B9B00, #002B28)
• Softworn Sapphire Balcony color palette (#E9EDE3, #7AA4D0, #006DEA, #00577D, #010428)
• Timeworn Lagoon color palette (#ECEDDD, #6CC1BF, #00959E, #006E61, #00181C)
• Dusty Boulevard color palette (#FEEFE4, #85C6E0, #2872C5, #005346, #17064C)
• Hushed Seafoam color palette (#BFFFF5, #00E2CF, #00B1A3, #007F76, #00221F)

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