Sky Harbor color palette — #FDF1FA · #A8F3FF · #3EC6FC · #17A888 · #1C4169

Sky and Turquoise set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF1FA): a clean, paper-quiet neutral.
• Sea Foam (#A8F3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#3EC6FC): A luminous, balanced blue — the color of deep harbor water.
• Turquoise (#17A888): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#1C4169): 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

• Frosted Powder color palette (#FDF1F6, #CDE8FF, #8FB6FF, #00A4B0, #3B376F)
• Washed Sky Boulevard color palette (#ECF8F6, #D5DEEA, #00C2E7, #008789, #003B4E)
• Feathered Mint Studio color palette (#CFEFE4, #00D9C4, #00B3C2, #008AAC, #00436C)
• Hushed Ash Orchard color palette (#FAF3F7, #D8D4E3, #B9BDE2, #72AFAA, #44536C)
• Cerulean Harbor color palette (#FEEEE7, #93DEE9, #008FBC, #00644F, #002549)
• Misty Sapphire color palette (#EEDAE2, #78A7C5, #2D71D4, #005C61, #07002A)
• Blush Boulevard color palette (#EAF8FF, #48D8FE, #FF9394, #00A8CA, #6B151F)
• Hazy Iris color palette (#EFDFE5, #96C6EA, #6790E1, #007B85, #1D1646)

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