Iris Boulevard color palette — #F0F5FF · #B4C1FF · #DDC122 · #707FF3 · #453A00
Periwinkle and Saffron set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Lavender (#B4C1FF): A whisper-light, balanced violet — the color of a velvet chair.
- Saffron (#DDC122): A luminous, vivid green — the color of new leaves after rain.
- Periwinkle (#707FF3): A luminous, vivid violet — the color of wild irises.
- Deep Olive (#453A00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, 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
- Aged Iris Veranda color palette (#EAEDFF, #C5B0FF, #A2BD5D, #997ED9, #2F3B0F)
- Worn Mustard Quarry color palette (#EDF7FF, #87CEFF, #FDB033, #0096DB, #513300)
- Indigo Thicket color palette (#D3DDFD, #BEB9FF, #ADA703, #6B5CC3, #2C2B00)
- Quiet Delta color palette (#E7E9FF, #A7ABFF, #C9A800, #61A849, #2B2C50)
- Weathered Lime Garden color palette (#F5F3FF, #FAC3FF, #63D468, #B35ABC, #03480D)
- Muted Honey Boulevard color palette (#E0F1EC, #FFB364, #BEB1FF, #505777, #1F2234)
- Muted Periwinkle Archive color palette (#F3F4FF, #E9D6E0, #BBB5A1, #6CACE1, #433D64)
- Dusty Bloom color palette (#FFF0FB, #91A8FF, #00B597, #5368E5, #004539)
Browse the whole catalog at Explore, or see today's palette.