Sky Harbor color palette — #FFF2EC · #97E9F9 · #3FB5FD · #009C70 · #1C2B6D

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Ice Blue (#97E9F9): A whisper-light, balanced blue — the color of deep harbor water.
• Cornflower (#3FB5FD): A luminous, balanced blue — the color of deep harbor water.
• Fern (#009C70): A luminous, balanced teal — the color of sea glass.
• Navy (#1C2B6D): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Antique Emerald color palette (#FDF3EF, #C8EACF, #6EBCE8, #36A26F, #27395F)
• Airy Workshop color palette (#FFF3E8, #B6DFFF, #8AA5FF, #009797, #3C2063)
• Muted Azure color palette (#FDF4E6, #D2EBFF, #00A9D7, #00736B, #00273F)
• Weathered Azure Quarry color palette (#F0E3DC, #9FCCB2, #4197E1, #008065, #161749)
• Faded Emerald color palette (#EED8E3, #FF96D3, #00B6AE, #009F64, #450030)
• Washed Atelier color palette (#FAF4F0, #C7DDE6, #BABDE8, #68B39F, #65485B)
• Faded Loft color palette (#FCECF8, #0ED2EC, #0079B2, #005439, #081247)
• Airy Cornflower color palette (#EDE1D6, #85B7DA, #5477F1, #006D6B, #1B003B)

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