Iris Harbor color palette — #DDE5F2 · #6F8ED0 · #454B66 · #222E41 · #111921
A conversation between Lavender Blue and Charcoal Brown, giving this palette its sense of creativity and sophistication.
The five colors
- Frost (#DDE5F2): a clean, paper-quiet neutral.
- Lavender Blue (#6F8ED0): A luminous, balanced violet — the color of a velvet chair.
- Charcoal Brown (#454B66): A full-bodied, dusty violet — the color of twilight just after sunset.
- Midnight (#222E41): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#111921): quiet, heavy and certain.
Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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
- Lilac Ridge color palette (#EFF1FB, #A38ED2, #595569, #353744, #1F2228)
- Washed Thicket color palette (#FFF0FD, #6D99FF, #553E4A, #251A23, #020705)
- Periwinkle Villa color palette (#F2DDF0, #7BA9FF, #866570, #524550, #131A17)
- Washed Canyon color palette (#D9E6F8, #406EC4, #302E4C, #171F2B, #090C14)
- Softworn Orchid Study color palette (#EDEAFF, #B756CD, #63324F, #27213F, #0F101D)
- Amber Summit color palette (#F4F4FF, #B693D8, #C88940, #009B91, #35354F)
- Hushed Violet Basin color palette (#D3E4FF, #AAAFF1, #987FDA, #8455A9, #53395C)
- Weathered Amethyst Parlor color palette (#D9E2FF, #7749FF, #462957, #1A0E43, #010619)
Browse the whole catalog at Explore, or see today's palette.