Azure Harbor color palette — #F7EAF4 · #99E1EC · #32B0F0 · #1E9465 · #1D2C4F

Built around Cornflower, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Blush (#F7EAF4): bright and airy, almost weightless.
• Ice Blue (#99E1EC): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#32B0F0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#1E9465): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#1D2C4F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Periwinkle Parlor color palette (#F8EAEF, #A7DAFF, #7E9FFF, #00918E, #32254D)
• Tempered Cerulean Bloom color palette (#F6EDE1, #93D0DA, #0094B9, #006D62, #00324B)
• Softworn Powder color palette (#FAF3F5, #D8DDF4, #A2BBFF, #3DABA8, #424561)
• Wisteria Delta color palette (#F0E8F4, #C679E6, #00AC9D, #008BA3, #2B1434)
• Pine Alley color palette (#E9DEEB, #4CC5C2, #0091B2, #00731F, #00142B)
• Petrol Thicket color palette (#F5E6DF, #82BFC8, #00759B, #004D3C, #00162F)
• Byzantium Field color palette (#DCDAF9, #E4A7FF, #04BD96, #9445B4, #003125)
• Powdered Archive color palette (#E8DBE2, #68ABC4, #0074D3, #005F4F, #070129)

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