Iris Loft color palette — #BAEDDE · #93BAFF · #6887EA · #645CA7 · #5B3647

Lavender Blue and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Mint (#BAEDDE): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#93BAFF): A luminous, balanced violet — the color of twilight just after sunset.
• Lavender Blue (#6887EA): A luminous, balanced violet — the color of a velvet chair.
• Slate (#645CA7): A full-bodied, balanced violet — the color of wild irises.
• Cocoa (#5B3647): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Creativity, Calm, 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

• Gentle Parlor color palette (#D1F1FF, #5DB1F9, #5F73C8, #5E4B86, #673D46)
• Hushed Meadow color palette (#FDDBF8, #A3ADFF, #9281EF, #73579C, #663F4A)
• Linen Azure Boulevard color palette (#CDF3D9, #6CCCF4, #189FEB, #326BA7, #394769)
• Hushed Periwinkle color palette (#EFF6FF, #BBD1FF, #8F9FED, #5C60A5, #37325B)
• Mustard Orchard color palette (#FFF0FA, #A8B0FF, #C9AA20, #696DC8, #4D4216)
• Patina Workshop color palette (#FFF0F8, #E8D4D1, #EDB49F, #8198C1, #614754)
• Amethyst Summit color palette (#D6DEF4, #8B90FF, #8246FF, #8000BD, #52165B)
• Amber Grove color palette (#FFF0F8, #9F9AE7, #E07742, #339B77, #482F3E)

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