Misty Harbor color palette — #CCE2EE · #5AC0FF · #008CEA · #005EB6 · #173B7E

Built around Azure, softened by Cobalt — the whole palette hums with trust and stability.

The five colors

• Silver (#CCE2EE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#5AC0FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#008CEA): A luminous, vivid blue — the color of open sky before noon.
• Cobalt (#005EB6): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#173B7E): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Misty 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

• Cornflower Basin color palette (#E5F1FF, #7DAFFF, #5584FF, #4154BB, #3B3B7C)
• Sunlit Drift color palette (#C5E9F3, #1CC8F6, #009AC8, #0070A2, #004168)
• Worn Ultramarine Thicket color palette (#D6EDF2, #00B2DF, #0072BC, #0038D4, #3B3B7F)
• Washed Sapphire Drift color palette (#DFEDFA, #3D9AF3, #1C72DE, #21419E, #19215D)
• Wandering Sapphire Thicket color palette (#EFF6FF, #75B0FF, #E36DA3, #1574E0, #601F3E)
• Ancient Iris color palette (#E5E9FF, #AEACF5, #9183CF, #705A97, #4E3C63)
• Patina Cabin color palette (#DBE7FF, #667EFA, #4D43D1, #3E1E92, #250650)
• Hazy Magenta Studio color palette (#E1ECFF, #6298FF, #CB5BCA, #008F91, #172E5B)

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