Airy Iris color palette — #F3EAE1 · #7FC8FF · #648EEA · #007B87 · #1E1447

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

The five colors

• Cream (#F3EAE1): bright and airy, almost weightless.
• Sky (#7FC8FF): A luminous, balanced blue — the color of deep harbor water.
• Lavender Blue (#648EEA): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#007B87): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#1E1447): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Airy Iris 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

• Patina Azure color palette (#E8DBD5, #62D2E5, #009FD5, #007F68, #011F41)
• Misty Workshop color palette (#D9F3F2, #85B7E1, #0D75D0, #005572, #051C46)
• Powdered Cobalt Courtyard color palette (#FFF1F6, #9DD3FC, #5B73CB, #005151, #13002A)
• Washed Sky Study color palette (#FFF2EB, #8FE9FF, #2AB7FC, #009A85, #04306B)
• Pale Sapphire color palette (#F1E1D2, #55AADD, #2D70D7, #005C61, #07002A)
• Wandering Denim color palette (#DBE3DC, #77A2C4, #23569F, #003844, #050031)
• Powder Delta color palette (#D0EBC5, #79D9FF, #9DB4FF, #5C9966, #002628)
• Tempered Cerulean color palette (#FEF3E7, #D0E7FF, #9AB3FF, #00A2B9, #413767)

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