Iris Loft color palette — #FFF0F9 · #BCBDFC · #B3B76A · #8483CC · #4F4D46

Lavender Blue takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender (#BCBDFC): A luminous, balanced violet — the color of a velvet chair.
• Sage (#B3B76A): A luminous, balanced green — the color of new leaves after rain.
• Lavender Blue (#8483CC): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#4F4D46): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, 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

• Washed Lilac Terrace color palette (#F2F5FF, #D6CDFF, #D4C889, #AA9EDC, #305742)
• Antique Mint Lagoon color palette (#FFF1F3, #E0B2E3, #5DC7AF, #AA77AF, #415336)
• Ancient Meadow color palette (#FFF0FA, #A1ACEC, #C3A137, #6BA176, #4D3C48)
• Antique Apricot color palette (#EBF9F5, #96CAFB, #F1967B, #5B91C3, #534B47)
• Ash Lantern color palette (#FFF0F8, #E5D8D4, #AAB3A0, #83A6C6, #5F4E53)
• Weathered Powder Pier color palette (#F2F5FF, #ABA7E7, #C7847E, #6F6AA4, #5C4459)
• Patina Driftwood Coast color palette (#FFF1F4, #C5D9AE, #956BA1, #60444B, #34272A)
• Lilac Delta color palette (#FFF1F6, #DBC9FB, #A98CCF, #726196, #512F40)

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