Iris Loft color palette — #FFF3E7 · #DDE3F6 · #6196FF · #00717A · #230A63

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Frost (#DDE3F6): A whisper-light, dusty violet — the color of wild irises.
• Lavender Blue (#6196FF): A luminous, vivid violet — the color of a velvet chair.
• Teal (#00717A): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#230A63): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Balance. Tagged coastal, cool, 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

• Hushed Periwinkle color palette (#FBF4EE, #C4E0EF, #78A7F0, #007E84, #282853)
• Turquoise Canyon color palette (#FFF2EC, #BBFCFF, #00AAD1, #007652, #002741)
• Hazy Sapphire color palette (#FFF1F6, #68C1FF, #225FEA, #00555C, #2F2A5F)
• Sunlit Cobalt Hollow color palette (#EFF4E4, #80C3F7, #0073CC, #004E68, #001641)
• Cobalt Boulevard color palette (#FDF3EA, #A6D8CB, #5D73CA, #004F5C, #10002D)
• Worn Denim Cabin color palette (#F6E6DF, #6AAFB6, #005E78, #002D1F, #000104)
• Magenta Alley color palette (#FBF7D7, #B0D128, #C743ED, #617500, #330040)
• Lagoon Bloom color palette (#FAF4F0, #C0E1E7, #74C8E4, #2C976E, #18493D)

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