Iris Harbor color palette — #FEF1F7 · #D9DFF3 · #7092FF · #007271 · #2D0D55
Built around Lavender Blue, softened by Deep Indigo — the whole palette hums with creativity and balance.
The five colors
- Ivory (#FEF1F7): bright and airy, almost weightless.
- Frost (#D9DFF3): A whisper-light, dusty violet — the color of twilight just after sunset.
- Lavender Blue (#7092FF): A luminous, vivid violet — the color of wild irises.
- Teal (#007271): A full-bodied, balanced teal — the color of glacier melt.
- Deep Indigo (#2D0D55): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Worn Periwinkle Drift color palette (#FDF1F7, #D7D3DF, #84A7E3, #008076, #2E2653)
- Powdered Pine Quarry color palette (#FEF0FE, #B5FEFF, #00A9D7, #007834, #00244C)
- Timeworn Sapphire color palette (#FFF3E8, #62C3FA, #3764D5, #005652, #362560)
- Washed Indigo color palette (#FDF2F6, #A4D1FA, #6270CE, #005153, #140028)
- Hazy Garden color palette (#BBFFF0, #00D3E8, #0088BB, #0051AD, #22005C)
- Muted Ridge color palette (#EBF7FF, #E1DAE4, #FFC1E3, #00A1A3, #15215D)
- Quiet Ember color palette (#F3F4FF, #8C88FF, #F63412, #AE5700, #110040)
- Dusty Boulevard color palette (#E6DEE5, #7BABBA, #005D7B, #002E13, #000105)
Browse the whole catalog at Explore, or see today's palette.