Iris Harbor color palette — #FDE7F4 · #857CE9 · #887A00 · #51479E · #3D3600

Lavender Blue takes the lead with Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FDE7F4): A whisper-light, dusty pink — the color of peonies in June.
• Lavender Blue (#857CE9): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#887A00): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#51479E): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#3D3600): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Worn Chapel color palette (#FFE7EF, #B67FEB, #778100, #5C2D83, #343900)
• Periwinkle Drift color palette (#F9E9F8, #599CFF, #AD6400, #11468F, #4E2C05)
• Wisteria Basin color palette (#FFF1F4, #BB87D6, #879139, #79548C, #44423B)
• Indigo Parlor color palette (#FCD9EE, #6F67D8, #677500, #1C6531, #3B2232)
• Nightshade Field color palette (#E0E9FE, #8288D9, #008F81, #4744A7, #00221E)
• Indigo Veranda color palette (#FFE6F4, #A09CF2, #D27875, #6B63BE, #5B1E1F)
• Misty Amethyst Chapel color palette (#ECECFC, #6E38F7, #4F6200, #3B0E92, #161E00)
• Softworn Magenta Ridge color palette (#FFD9E0, #E02DF8, #008743, #690076, #003918)

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