Sky Harbor color palette — #D6FEFF · #96EAFF · #39B6EE · #3F709F · #50324B
A conversation between Cyan and Slate, giving this palette its sense of trust and stability.
The five colors
- Ivory (#D6FEFF): A whisper-light, dusty teal — the color of shallow lagoons.
- Ice Blue (#96EAFF): A whisper-light, balanced blue — the color of deep harbor water.
- Cyan (#39B6EE): A luminous, balanced blue — the color of deep harbor water.
- Slate (#3F709F): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#50324B): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Sunlit Sky Bloom color palette (#B9F8EF, #72D8E6, #50BBE6, #5C88BF, #47486F)
- Aged Lilac Veranda color palette (#ECF7FF, #C2D6FF, #959CF0, #725D92, #53303A)
- Soft Drift color palette (#C5F0F5, #59BBC5, #0089B2, #00549B, #242852)
- Seafoam Field color palette (#DBFFEB, #5AF3DF, #00C0CA, #1A7991, #224C3E)
- Marigold Lagoon color palette (#E6FBF2, #A2DDFF, #EEAB5F, #3C94C0, #4E310D)
- Softworn Periwinkle color palette (#FFEFFF, #DBD3E1, #68A9E9, #3E5F8C, #01213F)
- Patina Ultramarine color palette (#CAF5FF, #2BBBFF, #2884FB, #373EC5, #270651)
- Feathered Violet color palette (#D2E3FF, #9CA7FF, #8F57DA, #5D2771, #3A0A35)
Browse the whole catalog at Explore, or see today's palette.