Iris Harbor color palette — #C4E5F8 · #00DDD8 · #2AC3F9 · #5B93FF · #001A29
Lavender Blue and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Powder Blue (#C4E5F8): A whisper-light, dusty blue — the color of deep harbor water.
- Aqua (#00DDD8): A luminous, balanced teal — the color of sea glass.
- Cyan (#2AC3F9): A luminous, balanced blue — the color of open sky before noon.
- Lavender Blue (#5B93FF): A luminous, vivid violet — the color of twilight just after sunset.
- Ink (#001A29): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged candy, vibrant, light, cool.
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
- Feathered Iris color palette (#D3E8FD, #00D3F0, #38B7FD, #957DFF, #001431)
- Washed Coast color palette (#D7EBF1, #00DF9D, #00C6BD, #00A6DC, #00171B)
- Pale Magenta color palette (#D5E0F8, #6FC9FF, #95A6FF, #C960E6, #130241)
- Cerulean Garden color palette (#D6E2D8, #7DCFD7, #00A3C2, #007F6D, #002333)
- Gentle Violet Market color palette (#C9E2F5, #00CB9B, #00A8C4, #8455C9, #00162B)
- Frosted Lilac color palette (#EFF6FF, #93E3FF, #A3C5FF, #B694FF, #181A5D)
- Faded Atelier color palette (#CBE5F3, #159AF6, #1E70F6, #3842BC, #200454)
- Misty Lantern color palette (#DEFFEB, #89EC9F, #00B6D0, #9732E5, #00060E)
Browse the whole catalog at Explore, or see today's palette.