Iris Harbor color palette — #EDF5E8 · #3ABBA1 · #7485E2 · #007662 · #391B32
A conversation between Lavender Blue and Turquoise, giving this palette its sense of creativity and calm.
The five colors
- Cream (#EDF5E8): bright and airy, almost weightless.
- Turquoise (#3ABBA1): A luminous, balanced teal — the color of glacier melt.
- Lavender Blue (#7485E2): A luminous, balanced violet — the color of wild irises.
- Teal (#007662): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#391B32): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Creativity, Calm, Balance. Tagged 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
- Worn Coast color palette (#F1F4E0, #7BB47D, #3595D7, #317537, #002A45)
- Worn Cobalt color palette (#E6F8E0, #00A494, #3984C7, #677306, #15230F)
- Moss Workshop color palette (#E4F8EC, #4DB3CF, #819A1B, #007088, #2E2801)
- Chalky Teal color palette (#E4FAFC, #00BA97, #BF6A8B, #0F7760, #5E3343)
- Byzantium Balcony color palette (#E0EBE1, #0099A0, #8D15FE, #00575C, #1E003F)
- Worn Aqua Thicket color palette (#E1FBDA, #66CEC3, #00867D, #004842, #001B18)
- Weathered Emerald Balcony color palette (#D4F0E7, #3B98DB, #009537, #005A8D, #002407)
- Mallow Station color palette (#F0F8EA, #84EBD2, #F997C8, #00A087, #4F2B3D)
Browse the whole catalog at Explore, or see today's palette.