Iris Pier color palette — #FDF2F6 · #D5DFFD · #5B8FED · #006970 · #1B114C
A conversation between Lavender Blue and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FDF2F6): a clean, paper-quiet neutral.
- Frost (#D5DFFD): A whisper-light, dusty violet — the color of twilight just after sunset.
- Lavender Blue (#5B8FED): A luminous, balanced violet — the color of wild irises.
- Peacock (#006970): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Indigo (#1B114C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Hushed Pier color palette (#FBF2F9, #B4F2FB, #009FD1, #006C55, #001F3D)
- Tempered Grove color palette (#EDF0E5, #ABDAFC, #4AAAFF, #008BB2, #172E4E)
- Petrol Pier color palette (#F6EDE4, #7DB9E2, #3B66B0, #004F54, #292753)
- Sky Alley color palette (#FCF2F9, #D4D4E2, #04BEF9, #008B6E, #053662)
- Aged Cerulean color palette (#FCF1F9, #A3D5E6, #0087AA, #00543C, #000E1D)
- Cornflower Grove color palette (#F4F4FF, #EBDADA, #F5BFA0, #6386D8, #311836)
- Timeworn Denim color palette (#F4EBF1, #72AEAF, #005F72, #002D1A, #000103)
- Gentle Wisteria color palette (#F5F3FF, #C573CC, #928300, #007A37, #1A001D)
Browse the whole catalog at Explore, or see today's palette.