Iris Field color palette — #DDE8FF · #7785F8 · #684CB9 · #482B68 · #31183A

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

The five colors

• Frost (#DDE8FF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender Blue (#7785F8): A luminous, vivid violet — the color of twilight just after sunset.
• Iris (#684CB9): A full-bodied, vivid violet — the color of wild irises.
• Royal Purple (#482B68): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#31183A): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Pale Station color palette (#E4E8F7, #A4A6FF, #857AD6, #614A95, #412B5C)
• Softworn Wisteria color palette (#E5E2F4, #B176E9, #8C47A1, #622957, #3D132C)
• Sunlit Ultramarine Garden color palette (#D2EEFF, #0096E4, #1C61BE, #2D397E, #1B193E)
• Ancient Wisteria Dune color palette (#F6E8FF, #C28AE6, #844BA1, #421F5F, #180026)
• Worn Lilac Ridge color palette (#FCE0EC, #9A7BE2, #748619, #5C448F, #1A1F00)
• Amethyst Lagoon color palette (#E2E8F7, #7342F3, #5D00A6, #3A0056, #180018)
• Worn Stone color palette (#FFECF3, #FFC7F8, #ECA2B6, #6D6FA2, #31191F)
• Timeworn Violet color palette (#F8D7E3, #925BD0, #9F5B00, #006A5F, #240815)

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