Iris Alley color palette — #FAF2F8 · #F1B8A7 · #98B47B · #9278BA · #603528

A conversation between Slate Blue and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Rose Quartz (#F1B8A7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sage (#98B47B): A luminous, balanced green — the color of new leaves after rain.
• Slate Blue (#9278BA): A luminous, balanced violet — the color of wild irises.
• Cocoa (#603528): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Driftwood Quarry color palette (#F0F7F2, #DCC588, #7CB99D, #AB6DAB, #51400D)
• Dusty Cobalt Lagoon color palette (#F8F3FD, #EFB2D0, #B3AC6C, #6186CA, #5B3448)
• Driftwood Grove color palette (#F8F3FB, #EEB4C9, #65BCA8, #9E75AB, #503758)
• Timeworn Ash color palette (#FCF1FF, #E9D3D4, #A9C8BB, #9E94B6, #544858)
• Periwinkle Basin color palette (#FCF2F5, #EABE8E, #7EADE2, #AD7095, #4A3A5B)
• Tempered Lantern color palette (#F0F8F0, #E7C78F, #44AF98, #5A679C, #443048)
• Hushed Basin color palette (#ECFAED, #DDB878, #37B1C6, #BD5860, #4B3300)
• Patina Garden color palette (#E8F6EC, #CBB573, #64837E, #475A4D, #271F23)

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