Sky Harbor color palette — #F8EBE6 · #84E5F0 · #35B1EA · #399264 · #172C55

Built around Cyan, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Cream (#F8EBE6): a clean, paper-quiet neutral.
• Ice Blue (#84E5F0): A whisper-light, balanced blue — the color of open sky before noon.
• Cyan (#35B1EA): A luminous, balanced blue — the color of deep harbor water.
• Fern (#399264): A full-bodied, balanced teal — the color of sea glass.
• Navy (#172C55): A deep, shadowed, dusty violet — the color of wild irises.

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

• Hushed Periwinkle Boulevard color palette (#FAECDF, #A6DBFC, #76A1FF, #00918A, #302451)
• Cerulean Lantern color palette (#E5F3E7, #74D6E3, #0095B7, #006D61, #00324A)
• Wandering Powder Ridge color palette (#FCF3EB, #BAF1F5, #A7BDEF, #61A6A2, #5D3C4C)
• Powdered Seafoam color palette (#ECEFCE, #7AF3E6, #97CEFF, #9F9757, #2C391F)
• Softworn Petrol color palette (#F1E5EE, #8ABCD0, #00759A, #004D3B, #00162E)
• Weathered Pine Cabin color palette (#EEDCD7, #44C7BF, #0092AE, #1E7215, #001528)
• Timeworn Mint color palette (#A6F4D1, #00DBA7, #00AB82, #007652, #001B0D)
• Sunlit Mint Canyon color palette (#D7E4C0, #37E497, #D17BDC, #008452, #3F1145)

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