Sky Harbor color palette — #F9EBE5 · #B8DEC3 · #04B3EE · #009478 · #0C2E53
Cyan takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F9EBE5): a clean, paper-quiet neutral.
- Celadon Mist (#B8DEC3): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#04B3EE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#009478): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#0C2E53): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Gentle Periwinkle Hollow color palette (#F7ECE3, #A5DBFD, #68A4FF, #009096, #272851)
- Worn Teal Field color palette (#E2F5ED, #00BDB5, #00A2B3, #007896, #002F51)
- Ancient Cerulean color palette (#E6F1EF, #89D2DF, #0095B4, #006B6D, #003344)
- Tangerine Veranda color palette (#CEE5D3, #00C5D9, #FA7414, #0093A2, #461A00)
- Hushed Forest color palette (#EFE1DA, #67C2BF, #0092AB, #007143, #001624)
- Muted Courtyard color palette (#F9F4EF, #BDEDF2, #9DBDFE, #53A7B1, #593E4E)
- Weathered Teal color palette (#D2F8E0, #C2E1FF, #CEBDFF, #1EAD93, #163729)
- Patina Petrol Studio color palette (#E4EBE5, #8DBBCF, #007696, #004C45, #001828)
Browse the whole catalog at Explore, or see today's palette.