Iris Harbor color palette — #FCF2F6 · #D6DEFC · #688EE6 · #006A65 · #221242
Built around Lavender Blue, softened by Deep Indigo — the whole palette hums with creativity and calm.
The five colors
- Ivory (#FCF2F6): bright and airy, almost weightless.
- Powder Blue (#D6DEFC): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender Blue (#688EE6): A luminous, balanced violet — the color of twilight just after sunset.
- Pine (#006A65): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Indigo (#221242): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Creativity, Calm, Balance. Tagged coastal, cool, 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
- Azure Pier color palette (#FCF1FB, #B3F2FA, #009ED8, #006E43, #03194B)
- Wandering Field color palette (#FCF2F5, #D9D3DD, #97A1DF, #007E84, #362548)
- Sapphire Studio color palette (#F6ECE4, #85B9D7, #3C64B5, #00504B, #2F2551)
- Aged Rust Veranda color palette (#EFF6FF, #77A2F8, #B25000, #775400, #000631)
- Wandering Cerulean color palette (#FBF2FB, #92DBDD, #0086AC, #005525, #000C22)
- Quiet Sky Canyon color palette (#FAF2F9, #CED7EC, #24BCFE, #008D58, #1B3362)
- Feathered Amber Cabin color palette (#EEF6FF, #69B0F2, #DC7228, #0065AA, #2B0F00)
- Ancient Denim color palette (#E7DCE9, #71AFAF, #005E77, #002E0E, #000104)
Browse the whole catalog at Explore, or see today's palette.