Iris Field color palette — #FDF0FF · #9FC1FF · #938BFF · #AF5A7C · #28325A
A conversation between Lavender Blue and Magenta Rose, giving this palette its sense of creativity and balance.
The five colors
- Blush (#FDF0FF): A whisper-light, dusty pink — the color of peonies in June.
- Sky (#9FC1FF): A luminous, balanced violet — the color of twilight just after sunset.
- Lavender Blue (#938BFF): A luminous, vivid violet — the color of twilight just after sunset.
- Magenta Rose (#AF5A7C): A full-bodied, balanced rose — the color of pressed rose petals.
- Navy (#28325A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Balance. Tagged retro.
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
- Hazy Lilac color palette (#FFE5FB, #B9ADFF, #B37ED1, #A75B57, #2C2E46)
- Periwinkle Garden color palette (#DDFFE7, #5DCFFF, #40A1FF, #9863A0, #023A55)
- Violet Dune color palette (#FFF4DE, #8DC4FF, #8871DA, #824700, #15254F)
- Patina Summit color palette (#DAE7FF, #8298FF, #64618B, #364258, #0B121B)
- Aged Mallow color palette (#E2E6FF, #CEC1FF, #BEA3C8, #B07D7C, #5B3F53)
- Weathered Market color palette (#DCFFEB, #2BB3FA, #8863D5, #685B00, #1E355B)
- Feathered Wisteria Thicket color palette (#FFE5E1, #AF72FF, #A34EAE, #8F321D, #1F0B2C)
- Quiet Azure Ridge color palette (#E5FAF9, #D3DBF9, #7CBBFF, #009ECF, #2A4063)
Browse the whole catalog at Explore, or see today's palette.