Iris Loft color palette — #FFF0F9 · #8B7EE4 · #85852C · #5E5E1C · #20301E

Lavender Blue takes the lead with Olive Leaf 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 Blue (#8B7EE4): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#85852C): A full-bodied, balanced green — the color of fresh herbs.
• Olive (#5E5E1C): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#20301E): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

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 Wisteria Veranda color palette (#FFF1F3, #CA7DE7, #607A02, #526328, #153026)
• Wandering Workshop color palette (#FFF0FE, #5D99FF, #AD6C44, #89522D, #222A1C)
• Tempered Wisteria Canyon color palette (#FEF2F3, #D291CF, #918748, #60744E, #293934)
• Powdered Veranda color palette (#FFF0F8, #A395F2, #B36C3E, #006E59, #00423C)
• Hushed Field color palette (#F1F5FF, #A39DE5, #B77A2E, #19751F, #03212F)
• Lilac Bloom color palette (#F8F7D9, #AEA4FB, #B46B93, #3B6F59, #4D353D)
• Byzantium Alley color palette (#FFECF1, #B605F1, #506D00, #384E00, #001F26)
• Magenta Ridge color palette (#FFF1F4, #C55EC9, #00846C, #344D90, #261523)

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