Misty Iris Harbor color palette — #F7EDE3 · #98C6E7 · #6389FC · #007D7A · #23153E

Periwinkle and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7EDE3): a clean, paper-quiet neutral.
• Sky (#98C6E7): A luminous, dusty blue — the color of open sky before noon.
• Periwinkle (#6389FC): A luminous, vivid violet — the color of wild irises.
• Teal (#007D7A): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#23153E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Dusty Azure color palette (#EBDAD3, #85CDDB, #009CE2, #008159, #0F1B44)
• Misty Sapphire color palette (#DCEADE, #82B8E0, #0070E1, #005767, #11184A)
• Misty Cobalt color palette (#FDF4E6, #98D3FF, #407BC8, #004F5E, #04062C)
• Sky Cabin color palette (#FFF2EC, #99E8F9, #43B4FE, #009C71, #202D63)
• Ultramarine Hollow color palette (#CEEAE7, #00ABCD, #0088C2, #2850C7, #1D134C)
• Amber Terrace color palette (#D2F1E8, #66B6FF, #CF7603, #0061A3, #2B1400)
• Mallow Quarry color palette (#C7ECDA, #C2C0FF, #F492DA, #009EA0, #2C172D)
• Hazy Lantern color palette (#FDF3EA, #CEE8FF, #9FB1FF, #00A5A8, #493268)

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