Iris Harbor color palette — #EEF1FF · #9489D0 · #688E66 · #386863 · #1F222F

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

The five colors

• Ivory (#EEF1FF): bright and airy, almost weightless.
• Lavender Blue (#9489D0): A luminous, balanced violet — the color of a velvet chair.
• Fern (#688E66): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#386863): A full-bodied, dusty teal — the color of shallow lagoons.
• Onyx (#1F222F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Softworn Veranda color palette (#F0F1FC, #AD8CCB, #697A3A, #0C5662, #0A2B38)
• Wandering Peony color palette (#F5EFFC, #CE72A2, #4C9184, #2F6A60, #271F2D)
• Worn Atelier color palette (#E7F4FF, #419CDD, #938242, #6A5E32, #19242E)
• Muted Lilac Dune color palette (#E1F7F5, #C098DE, #9E6862, #295A66, #2F2937)
• Timeworn Taupe color palette (#FFF0FB, #98A9DD, #94A36C, #3E8790, #483744)
• Softworn Powder color palette (#EFF1F9, #C0BAFD, #A77842, #706A9B, #1E1216)
• Softworn Driftwood Market color palette (#F2F0F9, #DFD4D9, #BDACA6, #857CA1, #36353D)
• Dusty Lantern color palette (#FFF1F5, #D6AFFF, #BCAE7E, #778B49, #3C2C32)

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