Iris Harbor color palette — #EDF8F4 · #80CEFF · #748CD2 · #4088B2 · #2B2029

Lavender Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Sky (#80CEFF): A luminous, balanced blue — the color of open sky before noon.
• Lavender Blue (#748CD2): A luminous, balanced violet — the color of twilight just after sunset.
• Cerulean (#4088B2): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#2B2029): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Softworn Study color palette (#FAF2F8, #C0CFFF, #A98CCD, #7789C4, #38292E)
• Frosted Aqua Study color palette (#F0F7F1, #05DDEF, #4998C9, #00919D, #162822)
• Sky Lagoon color palette (#EFF7F3, #67BADE, #7064A2, #00698A, #2F1E27)
• Muted Periwinkle Coast color palette (#FFF2EE, #95ACFF, #887CB8, #8A4F5D, #4B3543)
• Hazy Summit color palette (#EEF7FD, #9CE0FF, #B49EF2, #00B1E5, #1F2237)
• Airy Aubergine color palette (#ECF4FF, #A7BEFF, #8386D3, #6A5DA2, #47276D)
• Washed Study color palette (#F0F7F2, #A4F5FF, #D07CBD, #009CA9, #200A0D)
• Antique Turquoise Cabin color palette (#E9FAF0, #00ADD1, #8168AC, #3D6B3A, #222D20)

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