Sky Harbor color palette — #FEF3ED · #D5D7E8 · #3EBAFF · #008979 · #1E345A

Built around Cornflower, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Ivory (#FEF3ED): bright and airy, almost weightless.
• Silver (#D5D7E8): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cornflower (#3EBAFF): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008979): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#1E345A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Patina Delta color palette (#FCF3EC, #C3E4F7, #7CA6ED, #007E85, #402336)
• Powdered Sky Pier color palette (#E3FBF8, #C4E2FF, #3CC7F6, #00A4AF, #004662)
• Azure Loft color palette (#FFF2EA, #D5E7FC, #0FA2F6, #00736A, #071B5D)
• Patina Petrol Studio color palette (#FCEAE1, #67C7D9, #00709A, #003F33, #00020A)
• Tempered Harbor color palette (#EFF8F0, #96DAEE, #008ABB, #006764, #09426D)
• Hushed Powder Grove color palette (#FAF4EF, #C6DDE9, #C1BEF6, #52A0A3, #594753)
• Hushed Ultramarine color palette (#EBE1D6, #77A8CF, #143DCD, #002B30, #010009)
• Worn Balcony color palette (#FFF2EB, #8ADDD6, #008A9B, #005529, #000F18)

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