Iris Harbor color palette — #FDF3EA · #DCE1F4 · #7690FF · #007273 · #2F0B55
A conversation between Lavender Blue and Deep Indigo, giving this palette its sense of creativity and balance.
The five colors
- Ivory (#FDF3EA): bright and airy, almost weightless.
- Frost (#DCE1F4): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender Blue (#7690FF): A luminous, vivid violet — the color of twilight just after sunset.
- Teal (#007273): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Indigo (#2F0B55): 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
- Azure Garden color palette (#FDF3ED, #CAF0DE, #6593D4, #006B5E, #1C1444)
- Sky Bloom color palette (#FFF2EC, #D5D8E8, #5BB6FF, #008B6B, #272F63)
- Patina Sapphire color palette (#FFF1F5, #70C1F6, #3C60DC, #005653, #382460)
- Softworn Basin color palette (#FAF1FF, #D781FF, #538A00, #007550, #20002D)
- Indigo Grove color palette (#FEF3E8, #ADD0F2, #636BDC, #005155, #150027)
- Tempered Cornflower Lagoon color palette (#FFF1F7, #E6D5D5, #A3B3CD, #4287FF, #451A3B)
- Tempered Canyon color palette (#F8EBE5, #71C6D5, #006EA2, #00402A, #000015)
- Denim Market color palette (#F7E9E3, #89AC90, #005C7F, #002D17, #000107)
Browse the whole catalog at Explore, or see today's palette.