Iris Harbor color palette — #ECF7FF · #C6D8F8 · #83D6FF · #7390FF · #001D35

Built around Lavender Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Powder Blue (#C6D8F8): A whisper-light, dusty violet — the color of wild irises.
• Sky (#83D6FF): A whisper-light, balanced blue — the color of open sky before noon.
• Lavender Blue (#7390FF): A luminous, vivid violet — the color of a velvet chair.
• Midnight (#001D35): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Hazy Periwinkle Thicket color palette (#E8F8FF, #B1FFEE, #5DE7FF, #4FA7FF, #00212D)
• Worn Turquoise color palette (#EBFAEE, #C4E7FF, #00AAD1, #007467, #00283D)
• Pale Study color palette (#EFF6FF, #D5DCE7, #C9C2F4, #AE6AFF, #08004A)
• Hushed Boulevard color palette (#F2F4FF, #B4D1FF, #AF88FF, #CA00B1, #07000D)
• Wisteria Loft color palette (#ECF7FF, #5AFEC1, #5DDBFF, #D27BFD, #002645)
• Dusty Drift color palette (#EAF8FF, #00C9CF, #00A6D6, #3B54FF, #002F48)
• Pale Lapis color palette (#F1F5FF, #96AEFF, #B49B06, #3D44FD, #251E00)
• Nightshade Grove color palette (#E5F4FF, #73B7FF, #3E6CFF, #3B00CE, #2B006F)

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