Iris Boulevard color palette — #E6EFFF · #6A83F3 · #917600 · #3F4F9B · #413405
Built around Periwinkle, softened by Indigo — the whole palette hums with nature and growth.
The five colors
- Frost (#E6EFFF): A whisper-light, dusty violet — the color of wild irises.
- Periwinkle (#6A83F3): A luminous, vivid violet — the color of wild irises.
- Ochre (#917600): A full-bodied, balanced green — the color of new leaves after rain.
- Indigo (#3F4F9B): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#413405): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Iris Boulevard 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
- Iris Veranda color palette (#E8EEFF, #8B90F7, #6C8400, #3D3994, #303A11)
- Muted Azure color palette (#E0F1FF, #27A8E8, #995800, #005D86, #4F2B00)
- Hazy Lilac color palette (#F3F4FF, #A98CEA, #8E9022, #6D569D, #224C3C)
- Quiet Canyon color palette (#D6E6FF, #5171D9, #707200, #2F632A, #1D2B43)
- Faded Nightshade Boulevard color palette (#F6E2F0, #7E8AD7, #B95967, #4145AC, #3C000F)
- Worn Cobalt color palette (#E6EFFF, #8CA5EB, #06AE8A, #526BBF, #004031)
- Linen Fuchsia color palette (#F0EBFF, #D86DD4, #5A8912, #70226E, #273D08)
- Airy Amethyst color palette (#DAE3FF, #6B3EF3, #665A00, #3B0099, #201B00)
Browse the whole catalog at Explore, or see today's palette.