Airy Iris color palette — #FCF1FA · #AEC4F5 · #E697A9 · #6388E1 · #693F49
Built around Lavender Blue, softened by Ballet Pink — the whole palette hums with creativity and balance.
The five colors
- Ivory (#FCF1FA): bright and airy, almost weightless.
- Sky (#AEC4F5): A whisper-light, dusty violet — the color of a velvet chair.
- Ballet Pink (#E697A9): A luminous, balanced red — the color of embers at dusk.
- Lavender Blue (#6388E1): A luminous, balanced violet — the color of wild irises.
- Cocoa (#693F49): A full-bodied, dusty red — the color of late-summer berries.
Feels like: Creativity, Balance. Tagged light.
Use it as a design system
One click turns Airy Iris 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
- Periwinkle Boulevard color palette (#F0F6FF, #DDD6F1, #F8B7C5, #7F99D2, #523E57)
- Washed Harbor color palette (#FEF1F4, #D6B8DE, #DEA278, #AC72BC, #684328)
- Iris Atelier color palette (#FEF1F9, #DEB6D0, #70C3B5, #7A81E0, #1F5850)
- Wandering Amber color palette (#FDF1F9, #A5ACDD, #D0844C, #666CAB, #524C47)
- Dusty Delta color palette (#FEF0FE, #94B3DF, #BD94C2, #16A7A2, #4E3B4E)
- Worn Coast color palette (#EBF9F2, #97CDE7, #9EBC87, #2999C4, #4E4E46)
- Aged Oat Courtyard color palette (#F0F6FF, #C2D5FF, #E0C28B, #92A8DA, #3E5341)
- Tempered Market color palette (#FFF0FA, #F0C7E3, #8D95CE, #5C63AA, #313759)
Browse the whole catalog at Explore, or see today's palette.