Iris Pier color palette — #FAF4ED · #B1D9FF · #7891DC · #0D7989 · #512D41

A conversation between Lavender Blue and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Powder Blue (#B1D9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender Blue (#7891DC): A luminous, balanced violet — the color of wild irises.
• Teal (#0D7989): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#512D41): A deep, shadowed, dusty rose — the color of strawberry cream.

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 Courtyard color palette (#FDF3ED, #B3E1C7, #4C9DD5, #1D7C71, #4C2F49)
• Ancient Periwinkle color palette (#EFF8F1, #DBD5DF, #80A5F0, #007A9A, #272855)
• Pale Cornflower Balcony color palette (#FFF3E9, #88D6FF, #218BFB, #007273, #272B65)
• Ancient Cerulean color palette (#FBF2F5, #CAE3FE, #A2ACF0, #009FA7, #443058)
• Cobalt Drift color palette (#FAF4EE, #A6CFC4, #6A73AD, #005F63, #433157)
• Tempered Powder Balcony color palette (#FBF4ED, #C5F0F4, #9DB1DB, #6D9076, #624A58)
• Pale Canyon color palette (#F8EBE2, #4AB0CF, #006CA6, #004B44, #030E38)
• Ancient Lime Bloom color palette (#F0F1D6, #83D24D, #9D6BC3, #50812E, #402A51)

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