Iris Loft color palette — #FAF3F5 · #E4D6D0 · #CCBCA9 · #8D6FB6 · #44363B

Slate Blue and Stone set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Bone (#E4D6D0): bright and airy, almost weightless.
• Stone (#CCBCA9): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate Blue (#8D6FB6): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#44363B): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Pewter Garden color palette (#F4F4FC, #DFD6DE, #BBADC6, #735588, #393946)
• Patina Raspberry Atelier color palette (#FDF2F2, #EBDAD3, #D1B9A2, #C2378B, #462A2A)
• Softworn Ridge color palette (#FFF3E8, #BFB587, #688D48, #5F5C90, #38352E)
• Washed Taupe Field color palette (#FBF3F2, #DDDAD4, #AFB6AB, #C3889A, #5A504E)
• Tempered Harbor color palette (#CEF0E4, #CAAFBB, #BB808D, #356C7D, #204A3E)
• Timeworn Peony Ridge color palette (#F5DDDF, #B25CA1, #682B11, #32191C, #15090F)
• Softworn Meadow color palette (#E8DEE1, #CEC0BF, #B99E92, #833A9F, #2D181E)
• Hushed Rust Boulevard color palette (#F4EDEA, #DFD6CC, #BEB7A2, #B34D3C, #392A23)

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