Iris Field color palette — #F0F5FF · #C3E0FF · #9FB8FF · #937DE2 · #0D0E32

Lavender Blue and Sky set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Powder Blue (#C3E0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#9FB8FF): A luminous, balanced violet — the color of twilight just after sunset.
• Lavender Blue (#937DE2): A luminous, balanced violet — the color of a velvet chair.
• Deep Indigo (#0D0E32): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Balance. Tagged candy, vibrant, light, cool.

Use it as a design system

One click turns Iris Field 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 Atelier color palette (#ECF7FF, #C6E2FF, #7CCDFF, #5095F1, #001424)
• Washed Lilac color palette (#F1F5FF, #D9D8E4, #D7BDEB, #B190E1, #161C37)
• Byzantium Market color palette (#FDEBFA, #50C9FE, #6091FF, #9240CE, #0E0433)
• Violet Boulevard color palette (#E7E5FF, #BA9FFF, #9254D7, #5D277E, #2D0D39)
• Worn Azure color palette (#ECF8F8, #D6DBF7, #5593E4, #00648A, #091B44)
• Byzantium Villa color palette (#F2F5FF, #ADC2FF, #ADA0FF, #934DC1, #03000D)
• Weathered Peony color palette (#F5F3FF, #E2D5FF, #E5A4FF, #CB5EAA, #1A011E)
• Dusty Hollow color palette (#F3F4FF, #CDBCEC, #A980B5, #6D4D69, #441E0D)

Browse the whole catalog at Explore, or see today's palette.