Iris Loft color palette — #E3F1FF · #919CD7 · #9B71B9 · #84571B · #322602

Slate Blue and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E3F1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#919CD7): A luminous, balanced violet — the color of a velvet chair.
• Slate Blue (#9B71B9): A luminous, balanced violet — the color of twilight just after sunset.
• Coffee (#84571B): A full-bodied, balanced gold — the color of old brass.
• Espresso (#322602): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, 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 Raspberry Bloom color palette (#E0E5F4, #9F86D7, #A95399, #635320, #182100)
• Softworn Study color palette (#CBF6F9, #6BAACB, #627FD0, #905451, #361D04)
• Wandering Periwinkle color palette (#AAEAFF, #96A4DC, #94657D, #2E523D, #241D00)
• Violet Terrace color palette (#C8EDE7, #679BCF, #8455A4, #345424, #173603)
• Plum Summit color palette (#F1EAF9, #A4779E, #AA4562, #374E00, #001B0E)
• Cobalt Chapel color palette (#E7EEFF, #7777B7, #604E74, #471C26, #2A0202)
• Hushed Blush color palette (#E6E8FE, #D2A9F4, #E673B0, #867804, #1D4306)
• Hushed Fern color palette (#FFEFFF, #E4C9D8, #CDA6AD, #9F886A, #5A4A00)

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