Misty Cobalt Harbor color palette — #C2ECFA · #4CBCF8 · #4B7CD5 · #4C5CA8 · #3E2F59

Azure and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#C2ECFA): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#4CBCF8): A luminous, balanced blue — the color of deep harbor water.
• Azure (#4B7CD5): A full-bodied, balanced violet — the color of wild irises.
• Cobalt (#4C5CA8): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#3E2F59): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Airy Periwinkle color palette (#D2EBFE, #7EC2FF, #4E9FFF, #4F7AC9, #2E3A62)
• Frosted Turquoise color palette (#D2EBE8, #00C4D5, #008AB3, #0063A0, #253A6A)
• Misty Corridor color palette (#D7E4F4, #8AA3F6, #8473D7, #794B96, #532D52)
• Iris Harbor color palette (#B9EEDB, #96C2FE, #888FDD, #77619E, #573E64)
• Hushed Iris Field color palette (#F0F3FF, #A9B7FF, #757ED4, #404C94, #17164A)
• Quiet Sapphire Alley color palette (#FFE6F9, #87A4F7, #C3882E, #4C69CD, #4B2F00)
• Hushed Atelier color palette (#DAF2FE, #0093EA, #394FD3, #471E9E, #2C0247)
• Pale Field color palette (#F7DBF0, #7790E2, #AE8100, #607E29, #3A2236)

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