Iris Alley color palette — #FDF2F5 · #D9DDF9 · #7F89DF · #00696E · #2A0A42

A conversation between Lavender Blue and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF2F5): bright and airy, almost weightless.
• Thistle (#D9DDF9): A whisper-light, dusty violet — the color of wild irises.
• Lavender Blue (#7F89DF): A luminous, balanced violet — the color of wild irises.
• Peacock (#00696E): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#2A0A42): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Azure Dune color palette (#FAF2F9, #C2EEFF, #2F9DD2, #006E45, #071A46)
• Timeworn Periwinkle color palette (#F4EDE3, #AFD8FF, #75A2FC, #008CAE, #262853)
• Quiet Chapel color palette (#F6EDE3, #87B7E0, #4E5DBB, #004F51, #36224F)
• Weathered Cobalt Summit color palette (#FEF0FB, #A3D4EA, #0082C0, #00543A, #030432)
• Hushed Lagoon color palette (#EADFE9, #65B0B9, #005C80, #002D19, #000009)
• Lagoon Pier color palette (#FAF2F7, #D6D4E1, #8DC0F3, #22967C, #373C5F)
• Patina Ultramarine Alley color palette (#F9E9F1, #82BFE3, #3861BC, #003E3A, #030010)
• Pale Amber Atelier color palette (#FFF1F7, #D6751D, #009A60, #007B74, #190700)

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