Iris Harbor color palette — #F0F6FB · #9BDBFD · #8695E1 · #3D97C2 · #282E3A
Lavender Blue takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F0F6FB): a clean, paper-quiet neutral.
- Powder Blue (#9BDBFD): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Lavender Blue (#8695E1): A luminous, balanced violet — the color of a velvet chair.
- Cerulean (#3D97C2): A luminous, balanced blue — the color of deep harbor water.
- Onyx (#282E3A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged duotone, 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
- Hushed Lilac color palette (#F2F5FB, #C7CDFF, #B984CA, #8085C9, #2E2C38)
- Muted Turquoise color palette (#EEF7F8, #A1E0D4, #28ADC6, #3A9F91, #233036)
- Worn Teal Field color palette (#EEF7FA, #C6DAF6, #C89DCC, #49ABAC, #1F1C2A)
- Muted Archive color palette (#FEF0FF, #A2BEF4, #8D8BC5, #8D5F6F, #3F4858)
- Softworn Driftwood Orchard color palette (#ECF7FC, #78D0DF, #7E73AD, #147A89, #2B2D37)
- Worn Turquoise Courtyard color palette (#F0F7F3, #BEEAD0, #AAB3EB, #62B9D2, #372932)
- Softworn Balcony color palette (#F0F6FB, #D9D9E2, #B8AEB9, #7E9FBE, #4E5358)
- Soft Violet Orchard color palette (#EEF6FF, #8ABEFF, #965EF8, #0075E1, #171936)
Browse the whole catalog at Explore, or see today's palette.