Iris Harbor color palette — #F3F4FF · #EBDADB · #AFB3A9 · #7890FD · #4C2A46
Built around Lavender Blue, softened by Charcoal — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#F3F4FF): bright and airy, almost weightless.
- Bone (#EBDADB): a clean, paper-quiet neutral.
- Ash (#AFB3A9): a calm mid-gray that lets other colors speak.
- Lavender Blue (#7890FD): A luminous, vivid violet — the color of wild irises.
- Charcoal (#4C2A46): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Creativity, Sophistication. Tagged pastel, light, muted.
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
- Dusty Wisteria color palette (#F7F3FF, #E8DDD7, #9FBEBB, #BC81F1, #5D2834)
- Muted Turquoise color palette (#EFF6FF, #E2D9E2, #B3B2A7, #00ADD9, #3E3B66)
- Indigo Atelier color palette (#F5F3FF, #EADAD7, #FFB79A, #7874E1, #2C1E3D)
- Timeworn Apricot Lantern color palette (#FFF1F6, #FFD0D6, #F7A292, #666FAE, #623C42)
- Weathered Mallow color palette (#F2EFFF, #FACFD6, #FF98C7, #8861A1, #302546)
- Powdered Summit color palette (#FFF1F2, #E2DCD0, #FAD23D, #D85CB0, #590D02)
- Hushed Byzantium Hollow color palette (#F8F2FF, #FFD0D3, #E29F68, #8B4BC0, #27000B)
- Powdered Station color palette (#F9E6F2, #D0A77B, #839E1C, #820038, #030100)
Browse the whole catalog at Explore, or see today's palette.