Mallow Harbor color palette — #EFF6FF · #E7D4F0 · #DAB5F3 · #5F97B5 · #343E53

Lavender and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Thistle (#E7D4F0): A whisper-light, dusty pink — the color of peonies in June.
• Lavender (#DAB5F3): A whisper-light, balanced violet — the color of twilight just after sunset.
• Slate Blue (#5F97B5): A luminous, dusty blue — the color of deep harbor water.
• Charcoal (#343E53): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Mallow 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

• Powder Bloom color palette (#E9F8FF, #BDE6FF, #AABFF0, #51958A, #284555)
• Softworn Oat color palette (#F1F5FF, #E3D8E1, #EEB7A9, #7F9AC1, #454960)
• Hushed Terrace color palette (#E0FDF5, #FFE2F3, #FFC0F9, #43B8D9, #4E3347)
• Blush Pier color palette (#F3F4FF, #FAC0FF, #FF8CB1, #6D71C4, #4A2D54)
• Petrol Market color palette (#EEF6FF, #D6D7FF, #C698BA, #157689, #38445B)
• Wandering Wisteria Lagoon color palette (#D3DFFF, #C4B5FF, #D282D6, #2E72A4, #1F1E43)
• Dusty Dune color palette (#F6EEFF, #FFC5CA, #FC9B73, #8B618F, #3D2C46)
• Hazy Lilac Balcony color palette (#E8F5D8, #FF9F6F, #9992F0, #2D354F, #161923)

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