Iris Pier color palette — #FAF4EB · #B7DED4 · #7394D8 · #1B7793 · #34375A

Lavender Blue takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Silver (#B7DED4): A whisper-light, dusty teal — the color of sea glass.
• Lavender Blue (#7394D8): A luminous, balanced violet — the color of a velvet chair.
• Teal (#1B7793): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#34375A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, 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

• Azure Hollow color palette (#FCF4E8, #8ED5FC, #3491DF, #00707D, #152F66)
• Timeworn Orchard color palette (#FCF4E8, #BADFC8, #51A0C6, #007C79, #0D4439)
• Cobalt Archive color palette (#FBF4ED, #A9CEC4, #6771BA, #005F64, #442F5B)
• Petrol Market color palette (#F5EBDC, #67ADC5, #006E9D, #004A4B, #00142C)
• Powder Quarry color palette (#F1F7F0, #C8E4FF, #9CAAFF, #009FA5, #363755)
• Gentle Azure Summit color palette (#FFEBD3, #D59B4B, #419BE8, #9A6500, #09375C)
• Amber Chapel color palette (#F5E1C6, #C18A00, #009CA3, #995BA7, #3C2703)
• Tempered Driftwood color palette (#F3E5D7, #C2AB79, #9E784A, #795035, #33302A)

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