Iris Loft color palette — #DBE5F8 · #7389DD · #464A6A · #262E3C · #13191F

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

The five colors

• Frost (#DBE5F8): A whisper-light, dusty violet — the color of wild irises.
• Lavender Blue (#7389DD): A luminous, balanced violet — the color of wild irises.
• Charcoal Brown (#464A6A): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#262E3C): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#13191F): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

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

• Timeworn Lilac Bloom color palette (#F0F1FB, #AC87D9, #5A536C, #363745, #1F2128)
• Dusty Iris color palette (#FFF0FB, #8398EC, #553E4B, #261A23, #080408)
• Hushed Periwinkle color palette (#F2DDED, #89A5FF, #856571, #544351, #111B17)
• Hushed Canyon color palette (#DAE5F8, #4966D3, #322F45, #171F2D, #0B0D12)
• Amber Harbor color palette (#F4F4FF, #BE8ED9, #CB891B, #229996, #37344D)
• Muted Magenta Bloom color palette (#E4DEF9, #C645CC, #682E4B, #28223A, #10101C)
• Timeworn Periwinkle Station color palette (#F0F7F1, #D6DDF9, #73A6EF, #35869B, #3B485F)
• Amethyst Garden color palette (#ECE9FB, #853DFF, #511C5F, #1C1336, #030713)

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