Iris Pier color palette — #FFE6F5 · #8180E3 · #8C7800 · #4D499C · #3F3500
Lavender Blue and Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#FFE6F5): A whisper-light, dusty pink — the color of a candy shop window.
- Lavender Blue (#8180E3): A luminous, balanced violet — the color of twilight just after sunset.
- Walnut (#8C7800): A full-bodied, balanced green — the color of new leaves after rain.
- Indigo (#4D499C): A full-bodied, balanced violet — the color of wild irises.
- Espresso (#3F3500): 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 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
- Quiet Orchard color palette (#FFF0F7, #A190E9, #6B994A, #67599C, #354A26)
- Wandering Azure Station color palette (#DAF6ED, #0095E4, #A36B00, #005C8E, #492F04)
- Wisteria Garden color palette (#FFE7EE, #BE77F2, #4B8C1C, #5E2D80, #263D19)
- Wandering Hollow color palette (#FBD9F0, #606AE0, #657600, #166532, #3C2134)
- Worn Nightshade Courtyard color palette (#E2E8FC, #8D84D7, #C05554, #53439E, #38070A)
- Quiet Indigo color palette (#FCE8F3, #9E9EEC, #D37777, #6862C4, #562324)
- Timeworn Lapis Alley color palette (#F8E1EE, #654DE2, #536100, #371194, #181E00)
- Mallow Garden color palette (#FFF1F2, #D699C8, #6BA981, #8F6185, #4C4E47)
Browse the whole catalog at Explore, or see today's palette.