Iris Harbor color palette — #DBE3F4 · #7B96FF · #A15400 · #5D6B00 · #020B25
Lavender Blue takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#DBE3F4): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender Blue (#7B96FF): A luminous, balanced violet — the color of a velvet chair.
- Ochre (#A15400): A full-bodied, balanced gold — the color of honey in a jar.
- Olive (#5D6B00): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#020B25): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Optimism, Creativity, 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
- Muted Coast color palette (#D7E9F9, #2EA9ED, #B43E2C, #786000, #000F1D)
- Violet Villa color palette (#E0E5F6, #8F73FF, #A87300, #376E0F, #070926)
- Feathered Lagoon color palette (#E8F0FF, #4352F8, #765D00, #524000, #050829)
- Antique Magenta color palette (#DFDEF9, #C547FE, #B35200, #00631C, #001323)
- Orchid Studio color palette (#EBE4D7, #BA6AFF, #B8438B, #535B00, #220A27)
- Mallow Summit color palette (#E0E2FF, #CBA0FF, #998200, #009157, #27143A)
- Hazy Magenta color palette (#E6E4F6, #DE58FF, #6C7200, #007552, #19021F)
- Softworn Byzantium color palette (#E5E0F9, #AF00B7, #5C6900, #005344, #050005)
Browse the whole catalog at Explore, or see today's palette.