Ancient Iris Harbor color palette — #EFF6FF · #ABC5F4 · #DF9AAF · #628BD7 · #683F4C

Lavender Blue takes the lead with Ballet Pink close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#ABC5F4): A whisper-light, dusty violet — the color of wild irises.
• Ballet Pink (#DF9AAF): A luminous, balanced rose — the color of pressed rose petals.
• Lavender Blue (#628BD7): A luminous, balanced violet — the color of twilight just after sunset.
• Cocoa (#683F4C): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Balance. Tagged light, muted.

Use it as a design system

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

• Iris Chapel color palette (#F3F4FF, #C9BBEC, #E59C8B, #9679D0, #6B4036)
• Cerulean Coast color palette (#ECF7FC, #97CFDB, #C3A2DA, #009DB4, #4A486C)
• Patina Ash Basin color palette (#F0F5FF, #DBD8E2, #C7BEB6, #88A7D2, #434C61)
• Ancient Atelier color palette (#F4F4FF, #E7C5E1, #88739B, #574468, #2A2A35)
• Ancient Balcony color palette (#F0F5FF, #C6D2FE, #909ED9, #5963A5, #31375D)
• Antique Harbor color palette (#EEF6FF, #8EB3DD, #AD9841, #4075AE, #3A5444)
• Weathered Station color palette (#EBF7FF, #99CDE3, #A0BD7A, #109AC3, #24584C)
• Weathered Amethyst Thicket color palette (#F1F5FF, #A5A1FF, #F3686C, #724DFF, #730017)

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