Iris Harbor color palette — #B0ECEB · #61C9F4 · #9772CA · #085729 · #0F2F1B

Lavender Blue and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Sea Foam (#B0ECEB): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#61C9F4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Lavender Blue (#9772CA): A luminous, balanced violet — the color of twilight just after sunset.
• Deep Olive (#085729): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#0F2F1B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged pastel, light.

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

• Airy Peony color palette (#D4F1E2, #90B4FD, #B067B0, #005345, #002C23)
• Pale Studio color palette (#DFEDCE, #47C5D5, #6691DA, #434F00, #172E14)
• Ancient Cobalt color palette (#E2F1F8, #71BFE2, #4791CE, #00565B, #000E14)
• Hushed Wisteria color palette (#DAFFEE, #B4C3FF, #D185CD, #007265, #16395B)
• Timeworn Drift color palette (#CBF2F9, #9CC3FB, #68AFE4, #00757A, #002E39)
• Washed Plum color palette (#F3E9F5, #A48DDC, #A2437F, #003E3E, #090628)
• Pale Lagoon Archive color palette (#BEE9F9, #A3CFEE, #A6A9FF, #009B73, #002731)
• Patina Mallow Thicket color palette (#E9FBEB, #DBE0F2, #CFBAEC, #5D8E72, #3C574D)

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