Soft Iris Pier color palette — #E3F8EE · #8DF6D6 · #55CDFD · #8A82FA · #00233C

Lavender Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E3F8EE): A whisper-light, dusty teal — the color of sea glass.
• Sea Foam (#8DF6D6): A whisper-light, balanced teal — the color of sea glass.
• Sky (#55CDFD): A luminous, balanced blue — the color of deep harbor water.
• Lavender Blue (#8A82FA): A luminous, vivid violet — the color of wild irises.
• Midnight (#00233C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged candy, vibrant, light, cool.

Use it as a design system

One click turns Soft Iris Pier 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 Periwinkle color palette (#EBF5E9, #AEE9B3, #1DD7CA, #4995FD, #002932)
• Feathered Wisteria color palette (#F9EEF8, #7DE7FA, #95C0FF, #BA74DD, #191D3D)
• Lilac Lantern color palette (#ECF7FF, #83FFF0, #96DBFF, #A29AF5, #2D4359)
• Airy Grove color palette (#D8FBF0, #00DDE8, #0F9EF4, #AA05EB, #0A0044)
• Frosted Sky Coast color palette (#E5FBF2, #AEF2FF, #31C1FC, #4D84CD, #164538)
• Magenta Terrace color palette (#FFEBF7, #9FDBFF, #AEA7FF, #DF29C3, #240A46)
• Nightshade Market color palette (#DAEDE3, #6DA9D9, #506EBC, #4D4498, #32214B)
• Plum Lantern color palette (#FFEAF5, #71BFFF, #9971F8, #C40074, #1D0027)

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