Iris Pier color palette — #FFF0FC · #7296EC · #9D4F00 · #4C5300 · #010421

Lavender Blue and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Lavender Blue (#7296EC): A luminous, balanced violet — the color of a velvet chair.
• Ochre (#9D4F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4C5300): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#010421): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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

• Powdered Iris Dune color palette (#FFF0F9, #8078E7, #A06900, #285C00, #070221)
• Frosted Brick color palette (#E1FDF1, #28A6DE, #B43130, #674600, #000910)
• Softworn Study color palette (#FFF0FA, #99A5FF, #AF6600, #4E6B00, #220D1C)
• Pale Villa color palette (#FFF1F5, #A979D1, #AF2E12, #343E00, #001012)
• Hazy Indigo color palette (#FFE6F3, #715BD1, #7D5800, #1B4300, #010008)
• Faded Plum Drift color palette (#FFF4E2, #B18BEB, #A83788, #414300, #20022A)
• Quiet Ultramarine Summit color palette (#D4E4F8, #0061C4, #635400, #403600, #000718)
• Powdered Magenta color palette (#FFF1F4, #E35DFC, #717500, #006447, #1A001F)

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