Iris Pier color palette — #FAF3F6 · #E3D8D5 · #CCBDB4 · #9681C8 · #4F4449

Lavender Blue and Stone set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Bone (#E3D8D5): bright and airy, almost weightless.
• Stone (#CCBDB4): A luminous, dusty gold — the color of old brass.
• Lavender Blue (#9681C8): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#4F4449): quiet, heavy and certain.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Worn Cerulean color palette (#EFF7F5, #DED4D1, #A6A194, #5E94C9, #3A4C47)
• Wandering Peony color palette (#FCF3F2, #E4D8CB, #CEC09F, #CB5791, #513937)
• Aged Wisteria color palette (#F5DEE1, #B574B6, #65433E, #3C272B, #1F1519)
• Patina Olive color palette (#FFF0FC, #DEBEC7, #BD9790, #6A8748, #335841)
• Patina Atelier color palette (#F9F6E2, #A6ABEA, #AE6D9B, #007556, #543140)
• Weathered Veranda color palette (#F7F6E9, #C0C9A6, #559F8F, #90636B, #3E4800)
• Byzantium Corridor color palette (#FDF2F4, #F1D7D6, #DDB3A6, #B224D2, #412C31)
• Aubergine Alley color palette (#EBE2E5, #C5AEAF, #AA8E88, #6C2E98, #1F0E14)

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