Iris Pier color palette — #FFF0F9 · #E6D5EF · #90DCD3 · #9392D2 · #364E2F

Blue Fog and Lagoon set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Thistle (#E6D5EF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lagoon (#90DCD3): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#9392D2): A luminous, balanced violet — the color of a velvet chair.
• Deep Olive (#364E2F): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Hushed Lilac color palette (#FFF1F8, #D0CFFF, #D1CA86, #A19AF9, #504D46)
• Wandering Cabin color palette (#E7FAF3, #D3DDFA, #F0B7DF, #5DA2D1, #5E3B3E)
• Antique Driftwood color palette (#FFF1F2, #E2DAD0, #A17693, #583E3F, #221819)
• Lilac Ridge color palette (#FFF1F4, #FFD1E6, #F4BF99, #B287BF, #683900)
• Hushed Stone color palette (#FFF1F6, #E4D6D4, #D3ACC2, #AEB4AA, #5B484F)
• Patina Moss Thicket color palette (#ECF2FF, #A5AEEC, #92A752, #646BAB, #12392E)
• Bronze Lagoon color palette (#FEF3E7, #DFE0BE, #C3AA8B, #A06E37, #533B00)
• Aged Indigo color palette (#F2F5FF, #AEA6E7, #D17F77, #7166AF, #5E435A)

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