Iris Harbor color palette — #FFF0FB · #7C96FA · #593C4A · #261A23 · #080409

A conversation between Lavender Blue and Cocoa, giving this palette its sense of creativity and sophistication.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Lavender Blue (#7C96FA): A luminous, balanced violet — the color of twilight just after sunset.
• Cocoa (#593C4A): A deep, shadowed, dusty rose — the color of strawberry cream.
• Onyx (#261A23): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#080409): 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

• Azure Boulevard color palette (#E7FAF3, #44A8E4, #533F50, #0D231C, #030704)
• Timeworn Field color palette (#FFF1F4, #C47ED6, #593E3E, #29191D, #090406)
• Patina Periwinkle Boulevard color palette (#EDE0EA, #8DA7F0, #85666E, #564352, #101B16)
• Wandering Indigo color palette (#E4ECFA, #4E6ECC, #302C4C, #0D1625, #02070C)
• Washed Violet color palette (#FFE6F2, #8A4DFF, #3B1C44, #291C0E, #15000B)
• Peony Garden color palette (#FFF1F1, #CD5B9B, #4D2A21, #1B0909, #030001)
• Mallow Delta color palette (#FFF1F5, #D4A5EF, #D0A060, #25A6A3, #3C222A)
• Eclipse Aubergine Hollow color palette (#F1D7DD, #5C0078, #33231A, #140604, #040002)

Browse the whole catalog at Explore, or see today's palette.