Sky Harbor color palette — #D9F3D2 · #5CE3E7 · #00BAE8 · #3493C4 · #2F4565
Cyan takes the lead with Ice Blue close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#D9F3D2): A whisper-light, dusty green — the color of fresh herbs.
- Ice Blue (#5CE3E7): A whisper-light, balanced teal — the color of shallow lagoons.
- Cyan (#00BAE8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#3493C4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Navy (#2F4565): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Cerulean Lagoon color palette (#D0F1FF, #57C8E1, #00A0C6, #00769B, #284A63)
- Hazy Teal Archive color palette (#E2EDC1, #81E4C2, #00C6B9, #1298A9, #1E4E61)
- Turquoise Pier color palette (#E8FAF1, #85D8FF, #FFA380, #35ACDB, #48413D)
- Frosted Periwinkle color palette (#C9F2D6, #80D6FF, #63AAFF, #6E7FC8, #5C3C4F)
- Sapphire Terrace color palette (#CEEBEE, #0DC5F1, #0096E8, #1560F6, #282C77)
- Pale Turquoise color palette (#C6EBE9, #3CB7C4, #008BA7, #005C80, #072E4A)
- Airy Study color palette (#CEFAF6, #009CAF, #007298, #004E93, #04033E)
- Weathered Boulevard color palette (#E9FAF1, #F4D7D1, #6ABFBE, #B3ABA2, #544555)
Browse the whole catalog at Explore, or see today's palette.