Azure Harbor color palette — #E4F0FF · #93C1FF · #F08CB8 · #5592E3 · #581C3A

Cornflower and Bubblegum set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E4F0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#93C1FF): A luminous, balanced blue — the color of open sky before noon.
• Bubblegum (#F08CB8): A luminous, balanced rose — the color of pressed rose petals.
• Cornflower (#5592E3): A luminous, balanced blue — the color of open sky before noon.
• Mulberry (#581C3A): A deep, shadowed, balanced rose — the color of pressed rose petals.

Feels like: Trust, Stability, Balance. Tagged warm.

Use it as a design system

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

• Misty Iris color palette (#E8EEFF, #B6B6FF, #F68E8E, #867FF2, #5A1F22)
• Muted Periwinkle Loft color palette (#EFF6FF, #DED6E6, #E2AFC1, #6FA4D8, #344159)
• Pale Periwinkle color palette (#D3E7FF, #76B0FF, #C98AD2, #00ACA5, #162C46)
• Tempered Terrace color palette (#E9EEFF, #BEB2FF, #00C9C8, #927FE0, #003E3E)
• Wandering Harbor color palette (#D2E2EA, #FF9EB8, #C5A2FF, #434660, #1C1D29)
• Washed Lilac color palette (#F2F5FF, #D5CDFF, #7CD9DA, #A99EDE, #225562)
• Dusty Periwinkle color palette (#F0F5FF, #B7D1FF, #7AA6F7, #4670B6, #0A2151)
• Chalky Balcony color palette (#E7FAF4, #83C7FB, #D89B11, #007BBC, #362400)

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