Iris Harbor color palette — #FFF3E8 · #DCE3F6 · #6C93FF · #00726F · #2C1055
Built around Lavender Blue, softened by Deep Indigo — the whole palette hums with creativity and balance.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Frost (#DCE3F6): A whisper-light, dusty violet — the color of twilight just after sunset.
- Lavender Blue (#6C93FF): A luminous, vivid violet — the color of wild irises.
- Teal (#00726F): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Indigo (#2C1055): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Creativity, 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
- Timeworn Azure color palette (#FFF2ED, #D5DDF9, #00A5ED, #007650, #091763)
- Aged Periwinkle Garden color palette (#EDF9EF, #B3E0FF, #67AEFF, #0094AA, #1A2B6E)
- Sunlit Sapphire color palette (#FFF1F6, #56C4FF, #2F61E0, #005651, #362464)
- Hushed Pine Terrace color palette (#FFF2EF, #B2FFFA, #00ABCE, #0C7819, #002645)
- Wandering Indigo Harbor color palette (#FCF3EB, #A7D1F6, #6171CB, #005153, #140029)
- Lagoon Cabin color palette (#FBF3F1, #BDE5EA, #70C8E8, #54935D, #4D354F)
- Denim Archive color palette (#FBE9E4, #6AAFB6, #005C7F, #002D17, #000107)
- Worn Rose color palette (#FFF1F1, #FF5561, #00A187, #008670, #2B0004)
Browse the whole catalog at Explore, or see today's palette.