Iris Pier color palette — #F3F4FF · #CFB8F1 · #A4BB7F · #997CC1 · #2D564C

Slate Blue takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#CFB8F1): A whisper-light, balanced violet — the color of twilight just after sunset.
• Sage (#A4BB7F): A luminous, balanced green — the color of fresh herbs.
• Slate Blue (#997CC1): A luminous, balanced violet — the color of wild irises.
• Charcoal Brown (#2D564C): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Iris Pier 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 Cabin color palette (#F8F2FD, #EBB0CA, #80C2A4, #B57693, #255658)
• Timeworn Cerulean color palette (#EEF6FF, #A4C7F4, #CCAC78, #648FC5, #3D543F)
• Pewter Dune color palette (#F4F4FE, #ADAAD4, #9A9E5F, #8A5DA1, #295746)
• Worn Mint Archive color palette (#FFF1F7, #D4CEFF, #A4D88D, #A89BE9, #4D4E46)
• Softworn Mallow Orchard color palette (#F4F4FF, #C1A3D9, #C59C6C, #5EA09B, #414052)
• Aged Driftwood Coast color palette (#F7F3FB, #B6DDBD, #9A6E86, #53475F, #2E2834)
• Weathered Archive color palette (#EAFAEE, #B6D2C4, #81A68C, #667B65, #374D46)
• Plum Lantern color palette (#F4E9FF, #E086B7, #3DAC84, #AA4A81, #00402D)

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