Iris Harbor color palette — #F3F5FB · #DCD9E3 · #D499BD · #938FDD · #211C27
Built around Lavender Blue, softened by Mauve — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#F3F5FB): a clean, paper-quiet neutral.
- Silver (#DCD9E3): a clean, paper-quiet neutral.
- Mauve (#D499BD): A luminous, balanced pink — the color of a candy shop window.
- Lavender Blue (#938FDD): A luminous, balanced violet — the color of wild irises.
- Onyx (#211C27): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Sophistication. Tagged duotone, 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
- Wisteria Loft color palette (#F6F4FA, #E3D8E1, #E09C76, #C37FB8, #281921)
- Softworn Periwinkle Meadow color palette (#F1F5FB, #CBDFFF, #F1A086, #82ACEF, #352A31)
- Hushed Grove color palette (#F3F5FD, #BBB8EE, #AC8756, #3E7C4F, #1A2934)
- Dusty Villa color palette (#EAFAED, #EED0FF, #C491A5, #697A42, #413B50)
- Washed Powder Field color palette (#FCF2F7, #B9B7FF, #A96679, #686795, #392927)
- Weathered Plum color palette (#F3F4FF, #E8D8E0, #D4A0C2, #AB577C, #6A1925)
- Ash Drift color palette (#F4F4FB, #DDD8DD, #BCB4AB, #B8A5CE, #4C4C56)
- Byzantium Drift color palette (#F5F4FF, #D6A6E5, #C4481C, #9800B9, #040002)
Browse the whole catalog at Explore, or see today's palette.