Misty Harbor color palette — #D4F4FE · #62AEF9 · #5B7DD7 · #654C9A · #4F2E53

Azure takes the lead with Cornflower close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D4F4FE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#62AEF9): A luminous, balanced blue — the color of deep harbor water.
• Azure (#5B7DD7): A luminous, balanced violet — the color of a velvet chair.
• Plum (#654C9A): A full-bodied, balanced violet — the color of twilight just after sunset.
• Royal Purple (#4F2E53): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, 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

• Washed Cobalt color palette (#D5F4EF, #24B7D5, #008CC4, #445FA7, #3B3462)
• Gentle Cornflower color palette (#E7F9FF, #9ACAFF, #4F79FF, #6A4BA0, #3B2040)
• Aged Violet color palette (#D6E9FF, #949FF3, #9266C7, #83427E, #5B2D44)
• Nightshade Boulevard color palette (#D9E4EF, #6C97D9, #4E66CE, #422FA3, #463563)
• Nightshade Villa color palette (#F4F4FF, #BFAFFE, #8471C4, #594192, #27144C)
• Wandering Market color palette (#D9E9F2, #4889FA, #5449DD, #5E1788, #390037)
• Indigo Courtyard color palette (#FFE6F6, #AAB1FF, #9B8300, #6467BB, #403500)
• Cerulean Hollow color palette (#FFF0FC, #FACEE6, #F0B1AE, #4A8EAF, #4F2F3E)

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