Iris Field color palette — #D4E6FF · #A3B6FF · #918DFF · #8360CB · #523565
Lavender Blue and Amethyst set the tone — five colors that lean into creativity and balance.
The five colors
- Frost (#D4E6FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#A3B6FF): A luminous, balanced violet — the color of a velvet chair.
- Lavender Blue (#918DFF): A luminous, vivid violet — the color of a velvet chair.
- Amethyst (#8360CB): A full-bodied, vivid violet — the color of wild irises.
- Royal Purple (#523565): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Creativity, Balance. Tagged 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
- Wandering Lilac Loft color palette (#DFE2FF, #B5A7FF, #B17FE2, #905F9A, #4A2948)
- Violet Loft color palette (#CFE6F4, #81B4FF, #7B6DFF, #8943A5, #5B274D)
- Ancient Market color palette (#C8EBF9, #71CBFF, #41A6FF, #4D80E3, #30396E)
- Washed Archive color palette (#F8F2FF, #DCC2FF, #C08BFF, #8C5AB5, #361353)
- Ancient Aubergine color palette (#DAE2F7, #8593FC, #6351DD, #5400B9, #311255)
- Weathered Periwinkle color palette (#F3F4FF, #F1D5E1, #F5B9B3, #8DA0EC, #474366)
- Misty Market color palette (#E5D6FF, #DFAFFF, #D78DD8, #AC7499, #503F5A)
- Chartreuse Lantern color palette (#F2F5FF, #C4BBFF, #BDCE22, #8D76EB, #393F00)
Browse the whole catalog at Explore, or see today's palette.