Iris Field color palette — #FFF1F6 · #BAE0FF · #7F95EC · #008283 · #4A2F70

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Powder Blue (#BAE0FF): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender Blue (#7F95EC): A luminous, balanced violet — the color of a velvet chair.
• Teal (#008283): A full-bodied, balanced teal — the color of sea glass.
• Royal Purple (#4A2F70): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Airy Iris Grove color palette (#FFF1F5, #A3CFFE, #777AFA, #007179, #421D5F)
• Hazy Coast color palette (#F9F3F8, #B1DCED, #3AA1D2, #00814E, #233963)
• Timeworn Lagoon color palette (#F8F3F8, #D4D6EA, #7EBBD7, #56976B, #3F546F)
• Ancient Bloom color palette (#F3E9F1, #559FAD, #005E8D, #003D2A, #02002E)
• Cobalt Station color palette (#EAE0E7, #7ABDD0, #0079C3, #005B46, #14174A)
• Frosted Delta color palette (#DAFDFF, #41D4E3, #009DA4, #00656B, #002E2E)
• Weathered Rose color palette (#CBF3FF, #00B1B3, #F53F6D, #C34900, #003839)
• Worn Rose color palette (#E0FBFF, #34DBC3, #E05369, #008B7A, #691727)

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