Iris Harbor color palette — #FDE5FF · #C2DAFF · #9AB9FA · #7C8CD2 · #624158
Built around Lavender Blue, softened by Sky — the whole palette hums with creativity and calm.
The five colors
- Blush (#FDE5FF): A whisper-light, dusty pink — the color of neon signs at night.
- Powder Blue (#C2DAFF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#9AB9FA): A luminous, balanced violet — the color of twilight just after sunset.
- Lavender Blue (#7C8CD2): A luminous, balanced violet — the color of twilight just after sunset.
- Charcoal Brown (#624158): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Creativity, Calm, Balance. Tagged light, muted, 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
- Wandering Powder color palette (#EBF7FF, #D6D8EA, #86B5FF, #7374A9, #4C4F6A)
- Patina Cabin color palette (#FFF1F7, #E1CDFD, #CDA8E7, #AA7BBA, #6A464C)
- Soft Violet Lagoon color palette (#DDE5FF, #B3B9FF, #A096FF, #854DF2, #4A2A71)
- Aged Periwinkle color palette (#FDF1FA, #C4D4FF, #8FD8C0, #86A3FF, #425332)
- Washed Cerulean color palette (#DCFFEA, #A6E0F7, #6BC1EB, #4A97C9, #2C574D)
- Antique Veranda color palette (#EDE9FF, #C2A5F6, #B67BE4, #A04DBC, #4C2251)
- Washed Turquoise Meadow color palette (#FFF0FA, #BAC4F4, #E7A6CE, #5EBFCF, #4F3B49)
- Weathered Powder Loft color palette (#FFF0F9, #E6D6D5, #ACBDE9, #ADB2A5, #5F4D57)
Browse the whole catalog at Explore, or see today's palette.