Sky Harbor color palette — #FBF3F0 · #C6EBCF · #64BCF0 · #4E9E77 · #4A3047

Sky takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Celadon Mist (#C6EBCF): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#64BCF0): A luminous, balanced blue — the color of deep harbor water.
• Fern (#4E9E77): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#4A3047): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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 Sky color palette (#FFF2EF, #B2EEE9, #26C4EA, #639C61, #18433A)
• Gentle Periwinkle Meadow color palette (#F8ECE2, #A2DCFF, #76A1FF, #00918A, #2F274C)
• Teal Delta color palette (#FBF3F1, #C2E1E8, #99CFEE, #79B190, #5D4C5B)
• Wandering Summit color palette (#FFF2EE, #7DF0EC, #00BDE6, #00A02A, #00345E)
• Ancient Azure Canyon color palette (#F0F8F1, #B4DBEC, #00A5CE, #007D72, #223D53)
• Wisteria Basin color palette (#FFD9E3, #D38AFC, #00BFA8, #0F9CBE, #3E212B)
• Sand Drift color palette (#FFF1F3, #EDD5CA, #DFD18D, #969FD5, #5A3B3A)
• Hushed Cerulean Workshop color palette (#F8EEF6, #A0D0E3, #3C85A6, #005D4A, #07213C)

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