Iris Harbor color palette — #FFF1F6 · #D7DFFC · #778CDB · #006A6A · #241539
A conversation between Lavender Blue and Teal, giving this palette its sense of creativity and calm.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Frost (#D7DFFC): A whisper-light, dusty violet — the color of wild irises.
- Lavender Blue (#778CDB): A luminous, balanced violet — the color of twilight just after sunset.
- Teal (#006A6A): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#241539): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Dusty Balcony color palette (#FFF0FB, #AFF3FF, #0E9CE0, #006D4B, #0E1B42)
- Aged Turquoise Villa color palette (#F9F2FA, #C9DDF6, #3CB6D9, #4C7C4E, #193047)
- Cobalt Boulevard color palette (#FCF1FA, #60E1EE, #0085B5, #005531, #00092A)
- Softworn Petrol color palette (#E0ECEB, #96B7D5, #336EA9, #004860, #001339)
- Hushed Periwinkle color palette (#ECF1E1, #AEDFD0, #5FA8F8, #0D8AB6, #172D53)
- Aged Teal Archive color palette (#F2E4F0, #09B8BE, #005D7A, #002E12, #000105)
- Aqua Archive color palette (#D8FEFF, #03DAED, #00878A, #003C43, #000505)
- Ash Corridor color palette (#FCF2F5, #D9D3DD, #CEB9E3, #609EA2, #4A4B5F)
Browse the whole catalog at Explore, or see today's palette.