Iris Pier color palette — #E3F5FF · #52A9C3 · #8781D7 · #4E8760 · #152A35
Lavender Blue takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#E3F5FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#52A9C3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Lavender Blue (#8781D7): A luminous, balanced violet — the color of twilight just after sunset.
- Fern (#4E8760): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#152A35): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged muted.
Use it as a design system
One click turns 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
- Weathered Lilac Pier color palette (#EAF3FF, #7E9CD3, #B175AE, #3E8586, #1D2838)
- Hushed Cerulean Orchard color palette (#DFF7FB, #5EAD9C, #5794C4, #797D48, #142B2F)
- Byzantium Boulevard color palette (#CAEAFF, #008DC7, #991BF8, #00735A, #001A2A)
- Washed Periwinkle color palette (#EBF3FD, #7296CF, #A46F92, #7F4F52, #192331)
- Tempered Lagoon color palette (#E8FBEA, #50C5CC, #8EA4D6, #7E9D6C, #374739)
- Washed Cerulean color palette (#E5F5FC, #D0D8E7, #B4A5A8, #648F9B, #33434B)
- Washed Cerulean color palette (#E0F6FF, #9BDEE7, #0093A1, #005963, #00232F)
- Tempered Byzantium Cabin color palette (#D4E1ED, #0C80CF, #8D4EAC, #006A5E, #00152A)
Browse the whole catalog at Explore, or see today's palette.