Iris Harbor color palette — #F7F1EB · #BBE8D9 · #7689CE · #006C6D · #3C232E

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

The five colors

• Cream (#F7F1EB): bright and airy, almost weightless.
• Mint (#BBE8D9): A whisper-light, dusty teal — the color of sea glass.
• Lavender Blue (#7689CE): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#006C6D): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#3C232E): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Iris Harbor 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 Cerulean Corridor color palette (#F7F0ED, #CEE3CE, #399ABA, #3B6B42, #372439)
• Worn Field color palette (#FAF4EC, #B9E8DA, #6F8BB7, #1C6C81, #563F50)
• Airy Cornflower Pier color palette (#FCEFE4, #A2D7F9, #4677F9, #00625E, #281B46)
• Pale Station color palette (#FFEDEB, #C86B8D, #008FA5, #00788C, #2E1714)
• Washed Denim color palette (#F2E3DC, #6AA7B2, #005F8B, #003B26, #01032F)
• Antique Periwinkle Balcony color palette (#FEF1F5, #D8DEFC, #8FA2DD, #3F8887, #424561)
• Aged Pier color palette (#F1E8E1, #45819A, #003A77, #00201A, #01000A)
• Forest Summit color palette (#F1E6E3, #74C4BD, #00788E, #104F03, #00172B)

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