Iris Harbor color palette — #FDF3E9 · #BEF2E4 · #6789F8 · #006875 · #1F163D

Lavender Blue and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF3E9): bright and airy, almost weightless.
• Honeydew (#BEF2E4): A whisper-light, dusty teal — the color of glacier melt.
• Lavender Blue (#6789F8): A luminous, vivid violet — the color of a velvet chair.
• Peacock (#006875): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#1F163D): A deep, shadowed, dusty 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 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

• Azure Lagoon color palette (#FFF2EB, #B8F0FF, #009DDE, #006B5D, #031C43)
• Airy Periwinkle Loft color palette (#E5F1F1, #B1D7FF, #66A5FF, #0D88BD, #1D2C51)
• Dusty Petrol Veranda color palette (#E5F3E7, #8DB6DD, #4766A4, #004D61, #252757)
• Dusty Summit color palette (#FFF2EC, #88DBE9, #0085B3, #005343, #000C21)
• Hushed Sky Drift color palette (#FFF2EC, #D5D8E8, #3BBAFF, #008A78, #1A345E)
• Wandering Denim color palette (#F3E6E0, #6CAFB6, #005E78, #002D20, #000104)
• Patina Rose Alley color palette (#FFF2EE, #E55F6C, #009591, #007982, #210004)
• Tempered Sapphire color palette (#F6ECE4, #7FC0E1, #0067BE, #003E3E, #010014)

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