Misty Harbor color palette — #FDF3EC · #C2ECFF · #85B9FE · #00A893 · #3B376F

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

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Frost (#C2ECFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#85B9FE): A luminous, balanced blue — the color of open sky before noon.
• Turquoise (#00A893): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#3B376F): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Soft Emerald color palette (#FFF2EE, #AEF3F2, #5AC6EA, #54A660, #14416E)
• Hushed Periwinkle color palette (#F7ECE3, #AEE0CD, #80A2F0, #00918C, #31254F)
• Hushed Taupe Alley color palette (#FAF4EE, #C5E0F1, #DEBAD6, #8CAC8C, #664955)
• Antique Pine Thicket color palette (#F3E5E0, #7AD1D3, #00A0CD, #13823E, #001E43)
• Worn Dune color palette (#EEFBD8, #CCF4FF, #C3D6FF, #A2B064, #004B48)
• Muted Balcony color palette (#EBFBE2, #3CFAD6, #E875B9, #00B094, #601C47)
• Faded Lime Bloom color palette (#DFE1CB, #88D967, #00C184, #009693, #00444D)
• Feathered Market color palette (#D6FFF9, #3AF0DB, #00C4B3, #008D86, #002B28)

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