Iris Harbor color palette — #F4F7E7 · #B5DCBD · #7AB8D3 · #9280B9 · #394D40
Slate Blue takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F4F7E7): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#B5DCBD): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#7AB8D3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#9280B9): A luminous, balanced violet — the color of wild irises.
- Charcoal (#394D40): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged retro, 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
- Patina Cerulean Alley color palette (#F7F6E6, #AFDDC0, #73BFAF, #5B90C7, #39510D)
- Hushed Bronze color palette (#FFF2EA, #8ECDB6, #619BB5, #9A5D3F, #3D4D3C)
- Powder Veranda color palette (#FFF2EF, #AFD4FF, #9DAAE4, #AF7996, #553F53)
- Aqua Quarry color palette (#EDF9EF, #C4DEF9, #60D4FF, #AEA8BD, #355441)
- Timeworn Aqua color palette (#EAF5ED, #62C8D8, #6B8275, #49594D, #1D241D)
- Faded Meadow color palette (#FFE9E3, #8CBDFD, #868FDE, #B24882, #40263D)
- Dusty Fern color palette (#F8F5EB, #E3DFC2, #BAB88C, #989F78, #584D00)
- Wandering Boulevard color palette (#EFFBDB, #58D0FF, #3AA2FE, #AB49BD, #003A54)
Browse the whole catalog at Explore, or see today's palette.