Iris Loft color palette — #DDE9FF · #A9BEFF · #828CDB · #625E9E · #4D466E

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

The five colors

• Frost (#DDE9FF): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#A9BEFF): A luminous, balanced violet — the color of a velvet chair.
• Lavender Blue (#828CDB): A luminous, balanced violet — the color of wild irises.
• Slate (#625E9E): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal Brown (#4D466E): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Iris Loft 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

• Feathered Iris Corridor color palette (#EFF6FF, #BED0FF, #868DFA, #6963AD, #343A57)
• Softworn Lilac Alley color palette (#E0D9FF, #C8AEF8, #AB84CF, #7D568F, #573D5B)
• Chalky Azure color palette (#BEE8FF, #7FC6F6, #4A94CF, #4373AC, #2F4568)
• Soft Cobalt Alley color palette (#C8F4E3, #86A7E2, #596CBF, #5B4698, #52355C)
• Soft Garden color palette (#FFF0F9, #AEAFF6, #55B8AC, #7674CB, #054D47)
• Dusty Lagoon color palette (#FFF1F7, #E8D6E1, #F2B4A8, #9898C9, #624952)
• Patina Blush Quarry color palette (#FFF1F7, #A997DF, #D07A94, #3E91B4, #492F3B)
• Prism Byzantium color palette (#E9EAFD, #A791FF, #922FF7, #7713B4, #4E1267)

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