Iris Field color palette — #F0F5FF · #E0D5EF · #FFB4BD · #7E92F1 · #553B59

Lavender Blue takes the lead with Ballet Pink close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Thistle (#E0D5EF): A whisper-light, dusty violet — the color of wild irises.
• Ballet Pink (#FFB4BD): A whisper-light, balanced red — the color of late-summer berries.
• Lavender Blue (#7E92F1): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal (#553B59): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

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

• Wandering Lilac Balcony color palette (#F4F4FF, #F8D1E7, #84DBF1, #B383D0, #1F4C60)
• Timeworn Powder color palette (#F1F5FF, #DCD7E1, #A0AEDD, #B5AFA6, #4E5163)
• Washed Periwinkle Studio color palette (#EEF6FF, #D6D9F5, #9BDEAE, #579EE7, #19504E)
• Tempered Coast color palette (#F5F4FE, #ECD8DB, #977A9C, #474161, #1B1A23)
• Ancient Chapel color palette (#F1F5FF, #DFD8E1, #AEABE9, #6C67A7, #2D2A4C)
• Turquoise Alley color palette (#F0F5FF, #BACAFB, #DDA7CD, #4DB3BE, #2F384B)
• Tempered Market color palette (#FAEEF7, #97AFFB, #AD9B60, #5E6FA4, #34312A)
• Washed Stone color palette (#FFF1F6, #ECD3D0, #CEA585, #936D81, #364336)

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