Iris Pier color palette — #F9EDE0 · #95C5F1 · #6388FF · #007B8A · #201542

Periwinkle and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9EDE0): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#95C5F1): A luminous, balanced blue — the color of open sky before noon.
• Periwinkle (#6388FF): A luminous, vivid violet — the color of a velvet chair.
• Teal (#007B8A): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#201542): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Weathered Alley color palette (#F1E5DE, #8CCBDD, #009CE3, #007E70, #061C46)
• Faded Cobalt Harbor color palette (#F2F7EA, #A1D1FF, #367AD1, #004D6B, #01072D)
• Sapphire Ridge color palette (#D3E3E2, #92B5D8, #0070E2, #005476, #0B1C45)
• Soft Alley color palette (#FFF2EB, #9AE7FF, #42B4FE, #00998B, #193061)
• Soft Balcony color palette (#DBE8DD, #7BA0C3, #2552AA, #003746, #06012D)
• Gentle Boulevard color palette (#FFF2EB, #A0F6F3, #00CCEC, #00AC67, #104560)
• Frosted Veranda color palette (#F4F1D6, #8DDDBB, #00C6E2, #927F00, #242C0D)
• Ancient Corridor color palette (#EAE9CC, #8FC42D, #D03BF6, #496A00, #2E0039)

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